title: Adding a javascript bounce effect
body: <p>I'm trying to add a very subtle bounce effect to the content area, seen in yellow, after clicking the '. Im guessing it would be done in javascript?</p>
  
  <p><a href="http://jsfiddle.net/UQZGn/" rel="nofollow">JS Fiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="block"&gt;
       &lt;h2&gt;This is green block is fixed&lt;/h2&gt;
  
  &lt;/div&gt;
  &lt;div class="content" id="here"&gt;
      &lt;div class="headerbar"&gt; &lt;a href="#here"&gt;Top / Reveal&lt;/a&gt;
  Sublte Bounce
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$("a[href='#here']").click(function () {
      $("html, body").animate({
          scrollTop: $("body").scrollTop() == 0 ? 300 : 0
      }, "slow");
      return false;
  });
  </code></pre>