jquery to toggle sub-menu but keep sub-menu open if sub-menu page active

Question

Just trying to dive into jquery and forgive me if this has already been answered. Searched but couldn\'t find an example relevant to what I\'m trying to do.

I have a

Answer 1

I think you have two options.

1. Consider using Ajax to load your pages
2. Simulate the click event on each page.

For example:

For "Portfolio" items add this

<script type="text/javascript">
  $(document).ready(function(){
      jQuery('#menu-item-38>a').trigger('click');
  });
</script>

For "About Us":

<script type="text/javascript">
  $(document).ready(function(){
      jQuery('#menu-item-180>a').trigger('click');
  });
</script>

Answer 2

What about removing this line

menu_ul.filter(':visible').slideUp('normal');

It would prevent to hide the inactive menus.

Give it a try and let us know.

Answer 3

Create an extra class in your stylesheet

.menu ul.keepthisopen {display:block !important;}

Add the class to the ul in the submenu that you want to keep open.

(example) On the "About" page, go to into the code, find the menu, find the "About" link which is a