title: jQuery Looping Animation pauses each time. How to keep from pausing?
body: <p>I am trying to cause a block to "pulsate" between 100% opacity and some partially transparent opacity. I want to do this with the functionality that is built into the jQuery core, if possible. I would rather not add a plugin to get this effect. Here is the code that i am trying to use:</p>
  
  <pre><code>    $(document).ready(function() {
   function pulsate() {
    $("#pulsating-block").animate({opacity: 0.2}, 3000).animate({opacity: 1}, 3000, null, function() {pulsate()});
   }
   pulsate();  });
  </code></pre>
  
  <p>The problem is that each time the animation completes, it pauses for about a second before looping again. How can I keep it from pausing so that I get a smooth "pulsating" effect? (Note: the animation is exaggerated in this example to highlight the problem that I am having)</p>