With a lot of menu options on joomla publish sidebar, it's always handy to be able to hide inactive menus. Using jQuery, we can create simple collapsing/expanding menus, and even quick and easy accordions!

Let's say we've got a menu similar to this:

 Users

 

  
View

  
Edit

  
Manage

 



 Resources

 

  
View

  
Edit

  
Manage

 

Here we have a simple unordered list, which we can transform into a simple collapsing/expanding menu with just a few lines of jQuery. Inside $(document).ready(), we could add the following:

$("#menu ul").hide();
$("#menu li a").click(function(){
  $(this).next().toggle();
}

And we're done! The first line hides all lists inside the

• of a submenu - and toggle its visibility status.

   

- that is, it selects the submenus and removes them from view. Whenever we click one of the links, we move to the next element - a