Simple animated drop down list for JavaScript. I created this project for my AbChess repository.
<header class="drop-down-header">List header #1</header>
<ul class="drop-down-list">
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 1-1</a></li>
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 1-2</a></li>
</ul>
<header class="drop-down-header">List header #2</header>
<ul class="drop-down-list">
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 2-1</a></li>
</ul>
<header class="drop-down-header">List header #3</header>
<ul class="drop-down-list">
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 3-1</a></li>
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 3-2</a></li>
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 3-3</a></li>
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 3-4</a></li>
<li class="drop-down-list__item"><a class="drop-down-list__link" href="#">Link 3-5</a></li>
</ul>
Available example on my AbChess repository.