Show/Hide Multiple Divs with Jquery
<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>
