title: Pulsing buttons HTML, jQuery, jQueryUI
body: <p>I have successfully gotten this to work, but I have many buttons on the site that I want to pulse, and currently I am doing this with id's but I would like to move to something more flexible and use a class to select which buttons should pulse. Here is a <a href="http://jsfiddle.net/SnareChops/AC6Vb/1/" rel="nofollow">JSFiddle</a></p>
  
  <p>The problem I am seeing, at least in my browser (Google Chrome 25.0 on a MAC) is that the buttons pulse in as expected, but the pulse out is slow, then the next pulse in takes a couple seconds to trigger, then it takes even longer for the next change, it seems to be getting bogged down by something. Here are the animation scripts:</p>
  
  <pre><code>function pulseIn() {
      $(".pulse").animate({
          backgroundColor: "rgba(144,238,144,0.5)"
      }, 1000, 'swing', function () {
          pulseOut();
      });
  }
  
  function pulseOut() {
      $(".pulse").animate({
          backgroundColor: "rgba(0,0,0,0.5)"
      }, 1000, 'swing', function () {
          pulseIn();
      });
  }
  
  pulseIn();
  </code></pre>