how to show textarea based on select dropdown using jquery?
<p>i want to display 2x dropdown menus both will be pre populated (2nd menu "mainToon" will contain over 200 names but for the example i have shown just a few.</p>

<pre><code>&lt;select id="category" name="Category"&gt;
    &lt;option value=" "&gt;&lt;/option&gt;
    &lt;option value=" "&gt;-----------------&lt;/option&gt;
    &lt;option value="Main Toon"&gt;Main Toon&lt;/option&gt;
    &lt;option value="Alt Toon"&gt;Alt Toon&lt;/option&gt;
    &lt;option value="Cyno Toon"&gt;Cyno Toon&lt;/option&gt;
    &lt;option value="Super Toon"&gt;Super Toon&lt;/option&gt;
    &lt;option value="Dust Toon"&gt;Dust Toon&lt;/option&gt;
&lt;/select&gt;

&lt;select id="mainToon" name="mainToon"&gt;
    &lt;option value=" "&gt;&lt;/option&gt;
    &lt;option value=" "&gt;-----------------&lt;/option&gt;
    &lt;option value="Agmar"&gt;Agmar&lt;/option&gt;
    &lt;option value="S Tein"&gt;S Tein&lt;/option&gt;
    &lt;option value="Karades"&gt;Karades&lt;/option&gt;
    &lt;option value="Bad Kharma"&gt;Bad Kharma&lt;/option&gt;
    &lt;option value="Ed jeni"&gt;Ed Jeni&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>by default the first dropdown will show blank and i want the "mainToon" dropdown to be hidden untill any of the following are selected:</p>

<p>"Alt Toon",
"Cyno Toon",
"Super Toon",
"Dust Toon"</p>

<p>Then the form will be visable.</p>

<p>Can i do this by applying a .hidden css code to the dropdown and changing the class dynamically when other options are selected?</p>

<p>many thanks for the help.</p>
