title: How do I collapse all displayed rows in a table?
body: <p>I am implementing a collapsible table, similar to how a treeview operates. There are 3 levels. In my current code, I can expand the 3 levels, however, when I then collapse the first level, level 3 is still showing. </p>
  
  <p>Is there a way for me to collapse level 3 when clicking on level 1?</p>
  
  <p>My jquery is </p>
  
  <pre><code>  $(function() {
      $(".firstlevel").click(function(event) {
      $(this).(".divider").filter(".secondlevel").toggle("slow");
      });
  
    $(".secondlevel").click(function(event) {
      $(this).nextUntil(".secondlevel").toggle("slow");
    });
  });
  </code></pre>
  
  <p>HTML and Jquery is at <a href="https://jsfiddle.net/h4qacruv/" rel="nofollow">https://jsfiddle.net/h4qacruv/</a></p>