Hide, Show, HIDE/SHOWALL buttons
<p><em><strong>Heres the code:</em></strong> <a href="http://jsfiddle.net/t2nite/KCY8g/" rel="nofollow">http://jsfiddle.net/t2nite/KCY8g/</a></p>

<p>I was creating these hiding boxes using jquery.</p>

<p>Each box has some text and a <strong>"SHOW"</strong> and <strong>"HIDE"</strong> button. I'm trying to create a <strong>"SHOW/HIDE all"</strong> button.</p>

<p>But when I tried the code at the bottom the whole button disappears.</p>

<pre><code>$("#btn").toggle(function() {
   $(".para2, .para3, .para4").hide(200);
   $(".para2, .para3, .para4").show(200);
});
</code></pre>

<p>This is the closest I can get to what I want.</p>

<pre><code>$("#btn").click(function() {
   $(".para2, .para3, .para4").toggle(200);
});
</code></pre>

<p>The code on top works, but instead of hiding or showing all the boxes it just toggles them between hide and show. Help.</p>

<p>I only want the contents hidden and the buttons are not inside the para classes.</p>
