title: Is there a way to force $.toggle() to consistently toggle already hidden children?
body: <p>I have an application where data sets can be filtered at various levels, and--for performance reasons--it would be nice to be able to toggle the respective display of nested divs independently. The issue arises in that <strong>toggle will change the display property back to its original state on a hidden child, but it will not change it to none if one of its ancestors is already hidden</strong>.</p>
  
  <p>To replicate: in <a href="http://jsfiddle.net/GufAW/1/" rel="nofollow">this JSFiddle</a>,</p>
  
  <ol>
  <li>Click the "toggle 3" button, and then the "toggle 2" button.</li>
  <li>Clicking the "toggle 3" button and then the "toggle 2", you will find 3 restored (as expected).</li>
  <li>Now click the "toggle 2" button, then the "toggle 3".</li>
  <li>On clicking "toggle 2" again, 3 is still visible (???).  </li>
  </ol>