how do i use the .one jquery function on this?
<p>not sure what i'm doing wrong but it's not stopping after one click. </p>

<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready(function(){
   $(".header").one('click', function(){
    $("#fourlocs").effect("scale", { percent: 152, direction: 'horizontal' }, 700);
   });
 });
&lt;/script&gt;
</code></pre>
