title: hide all tables inside a div except the table before an inner div
body: <p>I have the following markup inside my web application :-</p>
  
  <p><img src="https://i.stack.imgur.com/dhZ1f.png" alt="enter image description here"></p>
  
  <p>So i want using jquery,javascript, etc to do following:-</p>
  
  <ul>
  <li>Hide All tables that are inside the Div with id = <code>ctl00_PlaceHolderLeftNavBar_ctl02_WebTreeView</code></li>
  <li>But Except the table that comes just before the inner div with id = <code>ctl00_PlaceHolderLeftNavBar_ctl02_WebTreeViewn10Nodes</code> , and also to show the inner div.</li>
  </ul>
  
  <p>so in my above picture to hide everything except the "HR" and its sub-links "knowledge Type" &amp; "Security"..
  Can anyone adivce on this please?
  Thanks</p>