How to find a child div which isn't hidden
<p>I have the code:</p>

<pre><code>&lt;div id="parent"&gt;
   &lt;div id="firstchild" style="display:none"&gt;
   &lt;div id="secondchild"&gt;
   &lt;div id="thirdchild" style="display:none"&gt;
&lt;/div&gt;
</code></pre>

<p>So what I want to do is find the element in jquery that isn't hidden ie. secondchild.</p>

<p>I'm guess I sould use something along the lines of :hidden but I'm actually wanting to do the opposite and find the non hidden one.</p>

<p>Would anyone know how to do this? To find the visible div that is a child of parent and make it hidden?</p>
