SEO-friendly Dropdown Navigation Example

Click menu

• Menu1
  • Menu1-1
    • Menu1-1-1
    • Menu1-1-2
  • Menu1-2
    • Menu1-2-1
    • Menu1-2-2
  • Menu1-3
    • Menu1-3-1
    • Menu1-3-2
      • Menu1-3-2-1
      • Menu1-3-2-2
• Menu2
  • Menu2-1
• Menu3

Click menu (keep open)

• Menu1
  • Menu1-1
  • Menu1-2
  • Menu1-3
• Menu2
  • Menu2-1
  • Menu2-2
  • Menu2-3

Hover menu

• Menu1
  • Menu1-1
  • Menu1-2
  • Menu1-3
• Menu2
  • Menu2-1
  • Menu2-2
  • Menu2-3

Hover menu (keep open, toggle check)

• Menu1
  • Menu1-1
  • Menu1-2
  • Menu1-3
    • Menu1-3-1
    • Menu1-3-2
• Menu2
  • Menu2-1
  • Menu2-2
  • Menu2-3

Vertical menu

• Menu1
  • Menu1-1
  • Menu1-2
  • Menu1-3
• Menu2
  • Menu2-1
  • Menu2-2
  • Menu2-3
• Menu3

Context menu

• Menu1
  • Menu1-1
  • Menu1-2
  • Menu1-3
• Menu2
• Menu3