title: "Find" the ul li's nested in a ul li
body: <p>im having trouble <strong><em>selecting</em></strong> the <code>ul</code> <code>--&gt;</code> <code>li's</code> nested inside a <code>div</code> that resides inside a parent <code>ul</code> <code>--&gt;</code> <code>li</code>. Here is my code:</p>
  
  <pre><code>// Navigation
  $(document).ready(function() {
  
      // Click function
  
      $(".sidebar ul li a").on("click", function() {
          $(this).parent().addClass('open').find("ul.submenu").stop("true", "true").slideDown().addClass('active');
          $(this).parent().siblings().removeClass('open').find("ul.submenu").stop("true", "true").slideUp().removeClass('active');
          $(this).parent().siblings("ul.submenu.ul.li a").removeClass('open'); //&lt;-- This is not working.
      });
  
      $(".sidebar ul li ul li a").on("click", function() {
          $(this).parent().addClass('open');
          $(this).parent().siblings().removeClass('open');
      });
  });
  </code></pre>
  
  <p>I commented the part is that is not working, all the rest is working fine.
  Basically the first function adds the class <strong><em><code>.open</code></em></strong> to the clicked <code>li</code>, and opens the nested div containing the child <code>ul</code>, the next line removes the class and closes the <code>div</code> if another <code>li</code> is clicked.</p>
  
  <p>The second group handles adding and removing open class from the ul li ul li's.</p>
  
  <p>The problem is in the third function of the first group, wich is supposed to remove the open class from all ul li ul li's when an ul li is clicked.</p>
  
  <p>Thank you in advance.</p>