Hiding certain SELECT dropdown in JQuery
<p>I have a page with approx 10 SELECT dropdowns. 3 of these dropdowns are hidden by default onload, depending on the users status.</p>

<p>Now, if a user does something specific, all these 7 dropdowns are hidden and depending on the users input, these dropdown are visible.</p>

<p>I show and hide these dropdowns using JQuery.</p>

<pre><code>jQuery("select").hide() 
jQuery("select").show()
</code></pre>

<p>Currently, When the select dropdowns are shown, all the selects are visibile. I then have to run code to hide the 3 default ones.</p>

<p>What I would like is for JQuery to hide the visible select dropdowns (the 7 visible ones) and then show these 7 ones (leaving the 3 defaulted hidden one hidden).</p>

<p>Is this possible using JQuery, so that it only shows and hides the select dropdowns where the style visibility is visible?Not too sure?</p>

<p>Many thanks</p>
