[jQuery] Checkbox hide/show

[blg002]

I have and "Show All Fields" checkbox that I want to show all the divs
within an <div id=content> - ('#content div'). The input has a class
of showAll. How do i write the code so that it displays all the divs
when check and hides them all again when unchecked.

Thanks for your help.


<input type="checkbox" title="Show All Fields" id="showAll"
name="showAll" value="showAllFields" class="showAll" />
<label for="showAll">Show All Fields</label>

<div id="content">
<div>
<h2>What&rsquo;s New/Press Release Display Areas</h2>
</div>

<div >
<h2>Full Text</h2>
</div>
</div>