jQuery - Controlling div visibility with a Select Box
<p>Updated: I would like to control the visibility of the bottom divs based on the value of the top SELECT..</p>

<p>i.e </p>

<pre><code>selected = dogs:: only bulldog, pitbull visible
selected = fish:: GOLDFISH! visible
</code></pre>

<p>etc..</p>

<p>Appreciate it.. Sorry I didn't do a better job of explaining my question initially - </p>

<pre><code>&lt;select&gt;
  &lt;option value="dog"&gt;dog&lt;/option&gt;
  &lt;option value="cat"&gt;cat&lt;/option&gt;
  &lt;option value="fish"&gt;fish&lt;/option&gt;
&lt;/select&gt;

&lt;div id="dog"&gt;bulldog&lt;/div&gt;
&lt;div id="cat"&gt;stray cat&lt;/div&gt;
&lt;div id="dog"&gt;pitbull&lt;/div&gt;
&lt;div id="cat"&gt;alley cat&lt;/div&gt;
&lt;div id="fish"&gt;GOLDFISH!&lt;/div&gt;
</code></pre>
