Expandable/Collapsable menus with multiple sub menus

Posted on 2011-02-14
Last Modified: 2012-08-13
Hello everyone.

I am just about to start to create a new site and i have come accross a problem before i even start.

I have been asked to add an expandable/collaspable menu system.  This is fine when it is only top layer adn sub layer, however, they want up to 3 sub layers (could go to 4.

So, roughtly how they want ti to work is.

Menu 1
    Menu 1.1
        Menu 1.1.1
   Menu 1.2
   Menu 1.3
      Menu 1.3.1
Menu 2
    Menu 2.1
        Menu 2.1.1
   Menu 2.2
   Menu 2.3
      Menu 2.3.1
Menu 3
    Menu 3.1
        Menu 3.1.1
   Menu 3.2
   Menu 3.3
      Menu 3.3.1

One catch, they want the other to go to the top menu once you start clicking on another menu. (Don't know if i have explained this correct?)

For example, if i click menu 1, if displays Menu1, Menu 1.1, Menu 1.2, Menu 2, Menu 3 etc.
If i click on Menu 1.1, it shows Menu 1, Menu 1.1 Menu 1.1.1 Menu 1.2, Menu 2, Menu 3 etc
But if i then click on Menu 2 it shows. Menu 1, Menu 2, Menu 2.1 Menu 2.2, Menu 3 etc.

The closest i have found is on but i can not get what i need to work when i change it.

I hope this explains everything in good enough details.

Any help would be greatly appreciated, spent the weekend trying to find this.

Thank you in advance.
Question by:Bakersville
  • 3
  • 2
LVL 40

Expert Comment

ID: 34886922

Author Comment

ID: 34887113
Thank you for that.

I haver had a good look and can not see how i can add a sub menu to the menu.

Any chance you can help me with that.



Expert Comment

ID: 34887141
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).


Author Comment

ID: 34887657
Thank you MYFOX

Not what i needed.  I can make them come out to the side and do all other types of menu apart from one that is expanding and colapsing vertically.


Accepted Solution

_-MYFOX-_ earned 500 total points
ID: 34889646
In fact, I have reread most of your thorough explanation and now I understand .. what I found is more like this

Or is this product that allows you to create almost any kind of menu javascript

I hope will be helpful


Author Closing Comment

ID: 34894876
Thank you MyFox.

This is just what i was after. Perfect.

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now