title: How can I get one button to reveal different hidden divs with each click?
body: <p>With jQuery (or javascript), how can I have one button reveal different hidden (display: none) divs with each click?  For example, on the first click of the button, div1 should appear.  On the second click of the same button, div2 will appear also (so both div1 and div2 are visible).  Same for div3, etc.</p>
  
  <p>With the code I have now, the first button click reveals all the hidden divs at once.  Here's an example:</p>
  
  <pre><code>$(document).ready(function () {
      $('button').click(function () {
          $('.div1').show('slow');
      });
      $('button').click(function () {
          $('.div2').show('slow');
      });
      $('button').click(function () {
          $('.div3').show('slow');
      });
  });
  </code></pre>