title: Onclick Event Bounce
body: <p><a href="http://www.lifechurch.org.uk/new-here/about/" rel="nofollow">http://www.lifechurch.org.uk/new-here/about/</a>
  http://www.lifechurch.org.uk/media/blog/</p>
  
  <p>Im wanting to create a link effect similiar to this one</p>
  
  <p>I found the following:</p>
  
  <pre><code>$(document).ready(function() {
  $("#button").click(function(){
  $(".target").effect( "bounce", 
  {times:3}, 300 );
  });
  });​
  </code></pre>
  
  <p>Ive been told its using a library, any idea where i can source this from?</p>
  
  <p>Thanks
  Kirsty</p>
  
  <p><em><strong>UPDATE</em></strong></p>
  
  <p>I tried wrapping the link in the class which i want to bounce</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;title&gt;jQuery example&lt;/title&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;a href="#" id="button"&gt;Click me&lt;/a&gt;
  &lt;div class="target"&gt;I will bounce&lt;/div&gt;
  &lt;div class="target"&gt;I will bounce too, since I have the same class name&lt;/div&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;a href="#" id="button"&gt;&lt;div class="target"&gt;Click me&lt;/div&gt;&lt;/a&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function() {
              // Notice the .on instead of .click, it's the new style for events
              // in jQuery and the e argument
              $("#button").on('click', function (e) {
                  e.preventDefault();
                  $(".target").effect( "bounce", { times : 3 }, 300);
              });
          });
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>And is it conflicting. Im not sure if u have seen the example of the above which i wish to recreate. But the H1 headers which are links are slightly "bouncing" or indenting which is the effect i wish to recreate on Wordpress Blog link headers</p>
  
  <p>thanks</p>