Hide parent menu and display sub menu

Question

When a menu page is loaded hide the parent menu and display only the sub menu with checkboxes.

i have tried this but it is not hiding parent menu

          $('li').on('click', function(e) {
          $(this).children('ul').toggle();
          $(this).siblings('li').find('ul').hide();
          e.stopPropagation();
        });

Answer 1

try closest

 $('li').on('click', function(e) {
    $(this).children('ul').toggle();
    $(this).closest( "ul" ).hide();
    e.stopPropagation();
  });