jQuery Plugin Update – Vertical Accordion Menu 2.5

The latest version of the jQuery vertical accordion menu plugin now includes the added option to auto-expand selected sub-menus on page load based on their parent li tag CSS class.

This enhanced feature allows you to synchronise the accordion menu with the page for users that navigate to the page from other non-accordion links.

For more detailed information see the jQuery Vertical Accordion Menu plugin page or checkout the accordion menu demos.

If you are looking for the Wordpress plugin version please refer to the Wordpress Accordion Menu Plugin page.


  • Thanks Lee, that seems to have done the trick.

  • I’m actually just using the stand alone version, not the wordpress plugin if that makes a difference?

    I couldn’t see any comments on the normal version and thought this would be the most appropriate place to post my comment.

    • Hi Michael – you can set the “save state” option to false then on the pages, which you want the menu closed. If they are generated dynamically is there any way of determining which pages use which state?

  • Great work on the menu, it’s working like a charm but was wondering if there’s a way to force the menu to retract or forget the state that it might be in? There are some areas of the website I’m using this where it would be more suitable if the menu went back to default or the initial settings loaded prior to a cookie state.

    Thanks in advance.

    • Hi Michael – It could be done using jQuery again to remove and reset the active menu items on the relevant pages.

      I cant think of an easy way to build it into the Wordpress plugin to be able to identify which pages use which state.

      Alternatively have 2 versions of the same menu but each widget on a different template and then set one version so that the “save state” is turned off

  • Hey Lee,

    Great work!

    Now I am wondering if it is possible for me to take your Wordpress Vertical Mega Menu and add the same CLICK option that you included into the Horizontal Mega Menu Widget?

    Thank you for your kind response.

    • Hi David – thats certainly something we can look at for a future release

  • First off, great work. Really appreciate the time saved with your accoridian menu.

    I am having a slight issue with ie7. When you click on a heading to expand the sub menus it appears below the catagory rows. If you have few catagories or a very long sub menu it sticks out from underneath. Do you plan on including ie7 compatability or as of 2.5 is it no longer a target for you ?

    v2.2 does not have this issue but I need to sync the menu via javascript depending on whats going on with the page thats why I moved up to 2.6.

    Any help would be appreciated
    Thanks again

    • Hi WLL – Yes we still support IE7. Do you have a link I can maybe take a look at?

  • Hi,
    I love your Vertical Accordion Menu and it’s working great except for this new feature.

    On this sample page, I’ve added class=”dcjq-current-parent” to the list item “Key Concepts”.

    When the script is called, I’ve set autoExpand to true.

    Unfortunately, when the page loads, the Key Concepts sub-menu does not expand.

    I didn’t see any working examples of this on the demos page. Are you able to advise me on where I’ve gone wrong implementing this feature?

    Thanks very much!

    • Hi Jennifer – you need to set the Save State option to true for the auto expand to work with the current plugin …. I may change this in the next version to make it independent

  • Lee, GREAT stuff!

    I have managed to incorporate the New CLICKable Mega Menu into a Classipress theme that makes “outside” plugins like yours load CSS and Javascript twice–invalidating their actions.

    I had to bring two of your files inside the widgets file in this theme to make it work on the “inside”.

    But now I need to find out from you if there is a way to make 2 or 3 mega menu navigation menus line up horizontally as if it was all one navigation menu.

    I have 25 Parent categories and some of them have as many as 10 sub categories.

    If I bring the Custom menu alignment of a parent category all the way to the left and put its sub categories just the next level to the right it will make a new main menu link–which is perfect.

    Except that this menu is still assigned the value of 5 items in a row, but because of the placement of the dropdown it now only has 4 items of width, yet, it will build one more item in the row to fulfill the 5 item setting.

    Also, is there a way to have later dropdowns build from that point back to the leftside, instead of to the righside?

    If I had 3 instances of dropdown custom menus whose top trigger links appeared to be inside just one horizontal nav line (nested or merged visually) then I could assign 4 items to a row and then 3 items to a row to finish out the menu.

    Thanks for your insight!

    • Hi David – not quite sure what you mean without seeing an example. Currently there is no way to use different row settings for each row since we dont know the menu structure via the widget control panel. It may be possible to achieve what you need via CSS as long as it doesnt require changes to the actual structure. The jquery plugin behind the mega menu does make it relatively easy to create different layouts

Leave a comment

To add code to your comments wrap the code text in [text][/text] tags