title: Javascript glow/pulsate effect to stop on click
body: <p>I have the following Javascript to make a text link glow/pulsate continuously.  This link reveals another section of the same page so I would like it to stop once the user has clicked on it.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          function pulsate() {
            $(".pulsate").animate({opacity: 0.2}, 1200, 'linear')
                         .animate({opacity: 1}, 1200, 'linear', pulsate);
          }
  
          pulsate();
       }); 
      &lt;/script&gt;
  </code></pre>
  
  <p>So basically, I just need to know what I need to add here so that the effect stops once it has been clicked.</p>
  
  <p>If the same link is clicked again, the revealed section of the page will hide - is it too much trouble to make the effect start again after a second click?</p>
  
  <p>I look forward to an answer from you good people.</p>
  
  <p>Scott.</p>