jQuery��б��˵�

Demos

Regular menus

Menus with different colors and styling.

Level-1
- Level-1-1
  - Level-1-1-1
    - Level-1-1-1-1
      - Level-1-1-1-1-1
        Level-1-1-1-1-1-1
        Level-1-1-1-1-1-2
        »
      »
    »
  »
- Level-1-2
  - Level-1-2-1
    - Level-1-2-1-1
      - Level-1-2-1-1-1
      - Level-1-2-1-1-2
      »
    - Level-1-2-1-2
      - Level-1-2-1-2-1
      - Level-1-2-1-2-2
        Level-1-2-1-2-2-1
        Level-1-2-1-2-2-2
        »
      - Level-1-2-1-2-3
      »
    »
  - Level-1-2-2
  - Level-1-2-3
    - Level-1-2-3-1
      - Level-1-2-3-1-1
      - Level-1-2-3-1-2
        Level-1-2-3-1-2-1
        Level-1-2-3-1-2-2
        »
      »
    »
  »
- Level-1-3
  - Level-1-3-1
    - Level-1-3-1-1
      - Level-1-3-1-1-1
        Level-1-3-1-1-1-1
        Level-1-3-1-1-1-2
        Level-1-3-1-1-1-3
        »
      - Level-1-3-1-1-2
      »
    - Level-1-3-1-2
      - Level-1-3-1-2-1
      - Level-1-3-1-2-2
        Level-1-3-1-2-2-1
        »
      »
    - Level-1-3-1-3
      - Level-1-3-1-3-1
        Level-1-3-1-3-1-1
        Level-1-3-1-3-1-2
        »
      »
    »
  »
»
Level-2
- Level-2-1
  - Level-2-1-1
  - Level-2-1-2
    - Level-2-1-2-1
      - Level-2-1-2-1-1
      - Level-2-1-2-1-2
      »
    - Level-2-1-2-2
      - Level-2-1-2-2-1
        Level-2-1-2-2-1-1
        Level-2-1-2-2-1-2
        Level-2-1-2-2-1-3
        Level-2-1-2-2-1-4
        »
      - Level-2-1-2-2-2
        Level-2-1-2-2-2-1
        »
      - Level-2-1-2-2-3
        Level-2-1-2-2-3-1
        »
      - Level-2-1-2-2-4
        Level-2-1-2-2-4-1
        Level-2-1-2-2-4-2
        »
      »
    »
  »
»
Level-3
- Level-3-1
  - Level-3-1-1
    - Level-3-1-1-1
      - Level-3-1-1-1-1
        Level-3-1-1-1-1-1
        »
      - Level-3-1-1-1-2
        Level-3-1-1-1-2-1
        Level-3-1-1-1-2-2
        Level-3-1-1-1-2-3
        »
      »
    »
  - Level-3-1-2
    - Level-3-1-2-1
      - Level-3-1-2-1-1
        Level-3-1-2-1-1-1
        Level-3-1-2-1-1-2
        Level-3-1-2-1-1-3
        Level-3-1-2-1-1-4
        »
      - Level-3-1-2-1-2
        Level-3-1-2-1-2-1
        Level-3-1-2-1-2-2
        »
      »
    - Level-3-1-2-2
    »
  »
- Level-3-2
  - Level-3-2-1
    - Level-3-2-1-1
    - Level-3-2-1-2
      - Level-3-2-1-2-1
        Level-3-2-1-2-1-1
        »
      »
    - Level-3-2-1-3
      - Level-3-2-1-3-1
        Level-3-2-1-3-1-1
        Level-3-2-1-3-1-2
        Level-3-2-1-3-1-3
        »
      - Level-3-2-1-3-2
        Level-3-2-1-3-2-1
        Level-3-2-1-3-2-2
        »
      »
    »
  - Level-3-2-2
    - Level-3-2-2-1
      - Level-3-2-2-1-1
        Level-3-2-2-1-1-1
        »
      »
    - Level-3-2-2-2
      - Level-3-2-2-2-1
        Level-3-2-2-2-1-1
        Level-3-2-2-2-1-2
        Level-3-2-2-2-1-3
        »
      - Level-3-2-2-2-2
      »
    »
  - Level-3-2-3
    - Level-3-2-3-1
      - Level-3-2-3-1-1
        Level-3-2-3-1-1-1
        »
      »
    »
  »
- Level-3-3
  - Level-3-3-1
    - Level-3-3-1-1
      - Level-3-3-1-1-1
        Level-3-3-1-1-1-1
        Level-3-3-1-1-1-2
        »
      - Level-3-3-1-1-2
        Level-3-3-1-1-2-1
        »
      - Level-3-3-1-1-3
        Level-3-3-1-1-3-1
        Level-3-3-1-1-3-2
        Level-3-3-1-1-3-3
        Level-3-3-1-1-3-4
        »
      - Level-3-3-1-1-4
        Level-3-3-1-1-4-1
        Level-3-3-1-1-4-2
        Level-3-3-1-1-4-3
        »
      »
    »
  - Level-3-3-2
    - Level-3-3-2-1
      - Level-3-3-2-1-1
      - Level-3-3-2-1-2
        Level-3-3-2-1-2-1
        Level-3-3-2-1-2-2
        »
      »
    »
  - Level-3-3-3
    - Level-3-3-3-1
      - Level-3-3-3-1-1
        Level-3-3-3-1-1-1
        »
      - Level-3-3-3-1-2
        Level-3-3-3-1-2-1
        »
      - Level-3-3-3-1-3
        Level-3-3-3-1-3-1
        Level-3-3-3-1-3-2
        »
      »
    - Level-3-3-3-2
      - Level-3-3-3-2-1
        Level-3-3-3-2-1-1
        Level-3-3-3-2-1-2
        Level-3-3-3-2-1-3
        »
      - Level-3-3-3-2-2
        Level-3-3-3-2-2-1
        Level-3-3-3-2-2-2
        Level-3-3-3-2-2-3
        »
      - Level-3-3-3-2-3
        Level-3-3-3-2-3-1
        Level-3-3-3-2-3-2
        »
      »
    - Level-3-3-3-3
      - Level-3-3-3-3-1
        Level-3-3-3-3-1-1
        Level-3-3-3-3-1-2
        »
      »
    - Level-3-3-3-4
      - Level-3-3-3-4-1
        Level-3-3-3-4-1-1
        Level-3-3-3-4-1-2
        Level-3-3-3-4-1-3
        »
      - Level-3-3-3-4-2
        Level-3-3-3-4-2-1
        Level-3-3-3-4-2-2
        »
      »
    »
  »
»
Level-4
- Level-4-1
  - Level-4-1-1
    - Level-4-1-1-1
      - Level-4-1-1-1-1
        Level-4-1-1-1-1-1
        Level-4-1-1-1-1-2
        »
      - Level-4-1-1-1-2
      - Level-4-1-1-1-3
        Level-4-1-1-1-3-1
        Level-4-1-1-1-3-2
        »
      »
    - Level-4-1-1-2
      - Level-4-1-1-2-1
      - Level-4-1-1-2-2
        Level-4-1-1-2-2-1
        Level-4-1-1-2-2-2
        »
      - Level-4-1-1-2-3
      »
    »
  - Level-4-1-2
    - Level-4-1-2-1
      - Level-4-1-2-1-1
        Level-4-1-2-1-1-1
        Level-4-1-2-1-1-2
        Level-4-1-2-1-1-3
        »
      »
    - Level-4-1-2-2
      - Level-4-1-2-2-1
        Level-4-1-2-2-1-1
        Level-4-1-2-2-1-2
        »
      - Level-4-1-2-2-2
        Level-4-1-2-2-2-1
        »
      - Level-4-1-2-2-3
        Level-4-1-2-2-3-1
        »
      »
    - Level-4-1-2-3
      - Level-4-1-2-3-1
        Level-4-1-2-3-1-1
        Level-4-1-2-3-1-2
        Level-4-1-2-3-1-3
        »
      »
    »
  »
»
Level-5
- Level-5-1
- Level-5-2
  - Level-5-2-1
    - Level-5-2-1-1
      - Level-5-2-1-1-1
        Level-5-2-1-1-1-1
        Level-5-2-1-1-1-2
        »
      - Level-5-2-1-1-2
        Level-5-2-1-1-2-1
        Level-5-2-1-1-2-2
        »
      - Level-5-2-1-1-3
        Level-5-2-1-1-3-1
        Level-5-2-1-1-3-2
        Level-5-2-1-1-3-3
        »
      - Level-5-2-1-1-4
        Level-5-2-1-1-4-1
        »
      »
    »
  - Level-5-2-2
    - Level-5-2-2-1
      - Level-5-2-2-1-1
        Level-5-2-2-1-1-1
        »
      - Level-5-2-2-1-2
      »
    - Level-5-2-2-2
    »
  »
»

Level-1
Level-2
- Level-2-1
»
Level-3
- Level-3-1
»
Level-4
Level-5
- Level-5-1
  - Level-5-1-1
    - Level-5-1-1-1
      - Level-5-1-1-1-1
        Level-5-1-1-1-1-1
        »
      - Level-5-1-1-1-2
        Level-5-1-1-1-2-1
        Level-5-1-1-1-2-2
        Level-5-1-1-1-2-3
        »
      - Level-5-1-1-1-3
        Level-5-1-1-1-3-1
        Level-5-1-1-1-3-2
        »
      »
    - Level-5-1-1-2
      - Level-5-1-1-2-1
      - Level-5-1-1-2-2
      - Level-5-1-1-2-3
        Level-5-1-1-2-3-1
        Level-5-1-1-2-3-2
        »
      »
    - Level-5-1-1-3
      - Level-5-1-1-3-1
        Level-5-1-1-3-1-1
        »
      »
    »
  »
- Level-5-2
  - Level-5-2-1
    - Level-5-2-1-1
      - Level-5-2-1-1-1
        Level-5-2-1-1-1-1
        »
      »
    »
  »
»

Level-1
Level-2
Level-3
- Level-3-1
  - Level-3-1-1
    - Level-3-1-1-1
    - Level-3-1-1-2
      - Level-3-1-1-2-1
        Level-3-1-1-2-1-1
        Level-3-1-1-2-1-2
        »
      »
    - Level-3-1-1-3
      - Level-3-1-1-3-1
        Level-3-1-1-3-1-1
        Level-3-1-1-3-1-2
        Level-3-1-1-3-1-3
        »
      - Level-3-1-1-3-2
        Level-3-1-1-3-2-1
        Level-3-1-1-3-2-2
        Level-3-1-1-3-2-3
        Level-3-1-1-3-2-4
        »
      »
    - Level-3-1-1-4
      - Level-3-1-1-4-1
        Level-3-1-1-4-1-1
        Level-3-1-1-4-1-2
        »
      - Level-3-1-1-4-2
        Level-3-1-1-4-2-1
        Level-3-1-1-4-2-2
        Level-3-1-1-4-2-3
        »
      - Level-3-1-1-4-3
        Level-3-1-1-4-3-1
        »
      - Level-3-1-1-4-4
        Level-3-1-1-4-4-1
        »
      »
    »
  - Level-3-1-2
    - Level-3-1-2-1
      - Level-3-1-2-1-1
        Level-3-1-2-1-1-1
        Level-3-1-2-1-1-2
        »
      - Level-3-1-2-1-2
      »
    »
  - Level-3-1-3
    - Level-3-1-3-1
      - Level-3-1-3-1-1
        Level-3-1-3-1-1-1
        »
      »
    - Level-3-1-3-2
      - Level-3-1-3-2-1
        Level-3-1-3-2-1-1
        »
      - Level-3-1-3-2-2
        Level-3-1-3-2-2-1
        Level-3-1-3-2-2-2
        »
      »
    - Level-3-1-3-3
      - Level-3-1-3-3-1
        Level-3-1-3-3-1-1
        Level-3-1-3-3-1-2
        »
      - Level-3-1-3-3-2
        Level-3-1-3-3-2-1
        »
      - Level-3-1-3-3-3
        Level-3-1-3-3-3-1
        »
      »
    - Level-3-1-3-4
      - Level-3-1-3-4-1
        Level-3-1-3-4-1-1
        Level-3-1-3-4-1-2
        »
      - Level-3-1-3-4-2
        Level-3-1-3-4-2-1
        Level-3-1-3-4-2-2
        »
      - Level-3-1-3-4-3
        Level-3-1-3-4-3-1
        Level-3-1-3-4-3-2
        Level-3-1-3-4-3-3
        »
      »
    - Level-3-1-3-5
      - Level-3-1-3-5-1
        Level-3-1-3-5-1-1
        Level-3-1-3-5-1-2
        »
      - Level-3-1-3-5-2
        Level-3-1-3-5-2-1
        »
      - Level-3-1-3-5-3
        Level-3-1-3-5-3-1
        »
      »
    »
  - Level-3-1-4
    - Level-3-1-4-1
      - Level-3-1-4-1-1
        Level-3-1-4-1-1-1
        »
      »
    - Level-3-1-4-2
    - Level-3-1-4-3
      - Level-3-1-4-3-1
      - Level-3-1-4-3-2
        Level-3-1-4-3-2-1
        Level-3-1-4-3-2-2
        »
      - Level-3-1-4-3-3
      »
    »
  »
- Level-3-2
»
Level-4
- Level-4-1
  - Level-4-1-1
    - Level-4-1-1-1
      - Level-4-1-1-1-1
        Level-4-1-1-1-1-1
        »
      - Level-4-1-1-1-2
        Level-4-1-1-1-2-1
        Level-4-1-1-1-2-2
        Level-4-1-1-1-2-3
        »
      »
    - Level-4-1-1-2
      - Level-4-1-1-2-1
        Level-4-1-1-2-1-1
        Level-4-1-1-2-1-2
        Level-4-1-1-2-1-3
        »
      »
    - Level-4-1-1-3
      - Level-4-1-1-3-1
        Level-4-1-1-3-1-1
        »
      - Level-4-1-1-3-2
      »
    »
  - Level-4-1-2
    - Level-4-1-2-1
    - Level-4-1-2-2
      - Level-4-1-2-2-1
        Level-4-1-2-2-1-1
        Level-4-1-2-2-1-2
        »
      »
    - Level-4-1-2-3
      - Level-4-1-2-3-1
        Level-4-1-2-3-1-1
        »
      »
    »
  - Level-4-1-3
    - Level-4-1-3-1
      - Level-4-1-3-1-1
        Level-4-1-3-1-1-1
        Level-4-1-3-1-1-2
        Level-4-1-3-1-1-3
        »
      - Level-4-1-3-1-2
        Level-4-1-3-1-2-1
        Level-4-1-3-1-2-2
        Level-4-1-3-1-2-3
        »
      »
    »
  »
»
Level-5
- Level-5-1
  - Level-5-1-1
    - Level-5-1-1-1
      - Level-5-1-1-1-1
        Level-5-1-1-1-1-1
        »
      - Level-5-1-1-1-2
        Level-5-1-1-1-2-1
        Level-5-1-1-1-2-2
        Level-5-1-1-1-2-3
        »
      - Level-5-1-1-1-3
        Level-5-1-1-1-3-1
        »
      »
    - Level-5-1-1-2
      - Level-5-1-1-2-1
        Level-5-1-1-2-1-1
        Level-5-1-1-2-1-2
        »
      - Level-5-1-1-2-2
        Level-5-1-1-2-2-1
        Level-5-1-1-2-2-2
        Level-5-1-1-2-2-3
        »
      - Level-5-1-1-2-3
        Level-5-1-1-2-3-1
        Level-5-1-1-2-3-2
        Level-5-1-1-2-3-3
        »
      - Level-5-1-1-2-4
        Level-5-1-1-2-4-1
        Level-5-1-1-2-4-2
        »
      »
    - Level-5-1-1-3
      - Level-5-1-1-3-1
        Level-5-1-1-3-1-1
        Level-5-1-1-3-1-2
        »
      - Level-5-1-1-3-2
        Level-5-1-1-3-2-1
        Level-5-1-1-3-2-2
        »
      »
    »
  »
»

Level-1
- Level-1-1
  - Level-1-1-1
    - Level-1-1-1-1
      - Level-1-1-1-1-1
        Level-1-1-1-1-1-1
        Level-1-1-1-1-1-2
        »
      - Level-1-1-1-1-2
        Level-1-1-1-1-2-1
        Level-1-1-1-1-2-2
        »
      »
    - Level-1-1-1-2
      - Level-1-1-1-2-1
        Level-1-1-1-2-1-1
        Level-1-1-1-2-1-2
        Level-1-1-1-2-1-3
        »
      - Level-1-1-1-2-2
        Level-1-1-1-2-2-1
        Level-1-1-1-2-2-2
        Level-1-1-1-2-2-3
        »
      »
    - Level-1-1-1-3
      - Level-1-1-1-3-1
      - Level-1-1-1-3-2
        Level-1-1-1-3-2-1
        Level-1-1-1-3-2-2
        »
      - Level-1-1-1-3-3
      »
    »
  - Level-1-1-2
    - Level-1-1-2-1
      - Level-1-1-2-1-1
        Level-1-1-2-1-1-1
        »
      - Level-1-1-2-1-2
        Level-1-1-2-1-2-1
        Level-1-1-2-1-2-2
        Level-1-1-2-1-2-3
        »
      - Level-1-1-2-1-3
        Level-1-1-2-1-3-1
        »
      »
    - Level-1-1-2-2
      - Level-1-1-2-2-1
        Level-1-1-2-2-1-1
        Level-1-1-2-2-1-2
        »
      - Level-1-1-2-2-2
      »
    - Level-1-1-2-3
      - Level-1-1-2-3-1
        Level-1-1-2-3-1-1
        Level-1-1-2-3-1-2
        Level-1-1-2-3-1-3
        »
      - Level-1-1-2-3-2
        Level-1-1-2-3-2-1
        Level-1-1-2-3-2-2
        Level-1-1-2-3-2-3
        Level-1-1-2-3-2-4
        »
      »
    »
  »
»
Level-2
- Level-2-1
  - Level-2-1-1
    - Level-2-1-1-1
      - Level-2-1-1-1-1
        Level-2-1-1-1-1-1
        »
      - Level-2-1-1-1-2
        Level-2-1-1-1-2-1
        Level-2-1-1-1-2-2
        »
      »
    - Level-2-1-1-2
      - Level-2-1-1-2-1
        Level-2-1-1-2-1-1
        Level-2-1-1-2-1-2
        »
      »
    »
  - Level-2-1-2
    - Level-2-1-2-1
      - Level-2-1-2-1-1
        Level-2-1-2-1-1-1
        Level-2-1-2-1-1-2
        »
      - Level-2-1-2-1-2
        Level-2-1-2-1-2-1
        »
      »
    - Level-2-1-2-2
      - Level-2-1-2-2-1
      - Level-2-1-2-2-2
      - Level-2-1-2-2-3
        Level-2-1-2-2-3-1
        Level-2-1-2-2-3-2
        Level-2-1-2-2-3-3
        »
      - Level-2-1-2-2-4
        Level-2-1-2-2-4-1
        Level-2-1-2-2-4-2
        Level-2-1-2-2-4-3
        »
      »
    - Level-2-1-2-3
      - Level-2-1-2-3-1
        Level-2-1-2-3-1-1
        »
      - Level-2-1-2-3-2
      - Level-2-1-2-3-3
        Level-2-1-2-3-3-1
        »
      »
    »
  »
- Level-2-2
- Level-2-3
  - Level-2-3-1
    - Level-2-3-1-1
      - Level-2-3-1-1-1
        Level-2-3-1-1-1-1
        »
      »
    - Level-2-3-1-2
      - Level-2-3-1-2-1
        Level-2-3-1-2-1-1
        Level-2-3-1-2-1-2
        »
      - Level-2-3-1-2-2
        Level-2-3-1-2-2-1
        Level-2-3-1-2-2-2
        Level-2-3-1-2-2-3
        Level-2-3-1-2-2-4
        »
      »
    »
  - Level-2-3-2
    - Level-2-3-2-1
    »
  »
»
Level-3
Level-4
- Level-4-1
»
Level-5

Right aligned menu

This menu is the reversed version of the top menu. Menus will be displayed from bottom to top and from right to left.

Level-1
- Level-1-1
  - Level-1-1-1
    - Level-1-1-1-1
      - Level-1-1-1-1-1
        Level-1-1-1-1-1-1
        Level-1-1-1-1-1-2
        Level-1-1-1-1-1-3
        Level-1-1-1-1-1-4
        »
      - Level-1-1-1-1-2
        Level-1-1-1-1-2-1
        Level-1-1-1-1-2-2
        »
      »
    »
  - Level-1-1-2
    - Level-1-1-2-1
      - Level-1-1-2-1-1
        Level-1-1-2-1-1-1
        Level-1-1-2-1-1-2
        Level-1-1-2-1-1-3
        Level-1-1-2-1-1-4
        »
      - Level-1-1-2-1-2
      »
    - Level-1-1-2-2
      - Level-1-1-2-2-1
      - Level-1-1-2-2-2
        Level-1-1-2-2-2-1
        Level-1-1-2-2-2-2
        Level-1-1-2-2-2-3
        »
      - Level-1-1-2-2-3
        Level-1-1-2-2-3-1
        Level-1-1-2-2-3-2
        »
      »
    - Level-1-1-2-3
      - Level-1-1-2-3-1
        Level-1-1-2-3-1-1
        Level-1-1-2-3-1-2
        Level-1-1-2-3-1-3
        Level-1-1-2-3-1-4
        »
      »
    »
  »
- Level-1-2
  - Level-1-2-1
  »
- Level-1-3
»
Level-2
- Level-2-1
  - Level-2-1-1
    - Level-2-1-1-1
      - Level-2-1-1-1-1
      - Level-2-1-1-1-2
        Level-2-1-1-1-2-1
        »
      »
    »
  »
»
Level-3
- Level-3-1
  - Level-3-1-1
    - Level-3-1-1-1
    - Level-3-1-1-2
    »
  »
- Level-3-2
- Level-3-3
  - Level-3-3-1
    - Level-3-3-1-1
      - Level-3-3-1-1-1
        Level-3-3-1-1-1-1
        »
      - Level-3-3-1-1-2
        Level-3-3-1-1-2-1
        »
      »
    - Level-3-3-1-2
      - Level-3-3-1-2-1
        Level-3-3-1-2-1-1
        Level-3-3-1-2-1-2
        Level-3-3-1-2-1-3
        Level-3-3-1-2-1-4
        »
      »
    - Level-3-3-1-3
      - Level-3-3-1-3-1
        Level-3-3-1-3-1-1
        Level-3-3-1-3-1-2
        »
      - Level-3-3-1-3-2
        Level-3-3-1-3-2-1
        »
      - Level-3-3-1-3-3
        Level-3-3-1-3-3-1
        Level-3-3-1-3-3-2
        Level-3-3-1-3-3-3
        »
      »
    »
  »
»
Level-4
- Level-4-1
  - Level-4-1-1
  »
- Level-4-2
  - Level-4-2-1
    - Level-4-2-1-1
      - Level-4-2-1-1-1
        Level-4-2-1-1-1-1
        »
      - Level-4-2-1-1-2
        Level-4-2-1-1-2-1
        Level-4-2-1-1-2-2
        »
      - Level-4-2-1-1-3
        Level-4-2-1-1-3-1
        Level-4-2-1-1-3-2
        »
      »
    »
  »
»
Level-5
- Level-5-1
  - Level-5-1-1
    - Level-5-1-1-1
      - Level-5-1-1-1-1
        Level-5-1-1-1-1-1
        Level-5-1-1-1-1-2
        Level-5-1-1-1-1-3
        »
      »
    - Level-5-1-1-2
      - Level-5-1-1-2-1
        Level-5-1-1-2-1-1
        »
      - Level-5-1-1-2-2
      »
    - Level-5-1-1-3
      - Level-5-1-1-3-1
        Level-5-1-1-3-1-1
        »
      »
    »
  - Level-5-1-2
    - Level-5-1-2-1
      - Level-5-1-2-1-1
        Level-5-1-2-1-1-1
        Level-5-1-2-1-1-2
        »
      »
    - Level-5-1-2-2
      - Level-5-1-2-2-1
        Level-5-1-2-2-1-1
        »
      - Level-5-1-2-2-2
        Level-5-1-2-2-2-1
        Level-5-1-2-2-2-2
        »
      »
    - Level-5-1-2-3
      - Level-5-1-2-3-1
        Level-5-1-2-3-1-1
        Level-5-1-2-3-1-2
        »
      - Level-5-1-2-3-2
        Level-5-1-2-3-2-1
        Level-5-1-2-3-2-2
        Level-5-1-2-3-2-3
        »
      »
    »
  »
»

This menus are generated with javascript. To see the structure the menu should have, you can take a look to the top menu which is static.