#Vanilla.js Drop-Down Navigation
<nav id="trigger" class="main-nav ">
<a href="#" class="btn">Nav</a>
<ul id="menu" class="menu collapsed">
<li class="menu__item"><a href="#">Item 1</a>
<ul class="menu--sub collapsed">
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 1
<ul class="menu--sub collapsed">
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 1</a></li>
</ul>
</a></li>
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 2</a></li>
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 3</a></li>
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 4</a></li>
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 5</a></li>
</ul>
</li>
<li class="menu__item"><a href="#">Item 2</a>
<ul class="menu--sub collapsed">
<li class="menu__item menu__item--sub"><a href="#"> Sub-item 1</a></li>
</ul>
</li>
<li class="menu__item"><a href="#">Item 3</a></li>
<li class="menu__item"><a href="#">Item 4</a></li>
<li class="menu__item"><a href="#">Item 5</a></li>
</ul>
</nav>