jQuery toggle doesn't change child element.style of visible elements when parent and child both toggled?
<p>In jQuery - I have a visible parent and child element - both have the same class.</p>

<p>If I <code>toggle()</code> using the class as the selector the child's style isn't updated to <code>display: none;</code> - even though it has the selector.</p>

<p>However if I have a hidden element and a hidden child element - both with the same class - both element.styles are updated to <code>display: block;</code>  upon <code>toggle()</code>.   When toggled a second time the now visible elements act in the same way as the original visible elements and the child's element.style isn't updated to show that it is hidden.</p>

<p>This results in what appears to be disappearing children elements starting with the second toggle.</p>

<p>Is it possible using <code>toggle()</code> to have visible children of visible elements both being toggled off update the child's element.style to display:none?  </p>

<p>Please see this working example:</p>

<p><a href="http://jsfiddle.net/bMMhy/1/" rel="nofollow">http://jsfiddle.net/bMMhy/1/</a></p>

<p>Thanks,</p>
