Dropdown Menu: Magic JavaScript

• Section 1
  • Link 1.1
    • Link 1.1a
    • Link 1.1b
    • Link 1.1c
    • Link 1.1d
    • Link 1.1e
  • Link 1.2
  • Link 1.3
  • Link 1.4
  • Link 1.5
• Section 2
  • Link 2.1
  • Link 2.2
  • Link 2.3
  • Link 2.4
  • Link 2.5
• Section 3
  • Link 3.1
  • Link 3.2
  • Link 3.3
  • Link 3.4
  • Link 3.5

<ul data-mjf="dropdown_menu" class="mjs_dropdown_menu" id="my_dropdown_menu"> <li id="section_1"><a href="#">Section 1</a> <ul> <li><a href="#">Link 1.1</a></li> <li><a href="#">Link 1.2</a></li> <li><a href="#">Link 1.3</a></li> <li><a href="#">Link 1.4</a></li> <li><a href="#">Link 1.5</a></li> </ul> </li> <li id="section_2"><a href="#">Section 2</a> <ul> <li><a href="#">Link 2.1</a></li> <li><a href="#">Link 2.2</a></li> <li><a href="#">Link 2.3</a></li> <li><a href="#">Link 2.4</a></li> <li><a href="#">Link 2.5</a></li> </ul> </li> <li id="section_3"><a href="#">Section 3</a> <ul> <li><a href="#">Link 3.1</a></li> <li><a href="#">Link 3.2</a></li> <li><a href="#">Link 3.3</a></li> <li><a href="#">Link 3.4</a></li> <li><a href="#">Link 3.5</a></li> </ul> </li> </ul>