title: Show/Hide Multiple Divs with Jquery
body: <p>I want to use some buttons to show/hide multiple divs using jquery.</p>
  
  <p>The page will initially show all divs. The idea then is that there will be a button to reset (show all) and then separate buttons to show a particular div while hiding the rest.</p>
  
  <p>Any help would be much appreciated.</p>
  
  <pre><code>&lt;div class="buttons"&gt;
  &lt;a class="button" id="showall"&gt;All&lt;/a&gt;
  &lt;a class="button" id="showdiv1"&gt;Div 1&lt;/a&gt;
  &lt;a class="button" id="showdiv2"&gt;Div 2&lt;/a&gt;
  &lt;a class="button" id="showdiv3"&gt;Div 3&lt;/a&gt;
  &lt;a class="button" id="showdiv4"&gt;Div 4&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="div1"&gt;Lorum Ipsum&lt;/div&gt;
  &lt;div id="div2"&gt;Lorum Ipsum&lt;/div&gt;
  &lt;div id="div3"&gt;Lorum Ipsum&lt;/div&gt;
  &lt;div id="div4"&gt;Lorum Ipsum&lt;/div&gt;
  </code></pre>