title: Hiding certain SELECT dropdown in JQuery
body: <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>