如何将手风琴式导航添加到汉堡菜单？

Question

如果我找不到这方面的教程，请告诉我。也许出于某种原因这是个坏主意？？？

但如果可能的话，我很想知道如何制作这样的汉堡包菜单：https://codepen.io/alvarotrigo/pen/yLzaPVJ 并添加这样的手风琴功能：https:// codepen.io/rbobrowski/pen/DrYxRM 或这个：https://codepen.io/geo2arc/pen/pJvEaK

感谢您的帮助。

`<div class="hamburger-menu">
<input id="menu__toggle" type="checkbox" />
<label class="menu__btn" for="menu__toggle">
  <span></span>
</label>

<ul class="menu__box">
  <li><a class="menu__item" href="#">Home</a></li>
        <li><a class="menu__item" href="#">About</a></li>
        <li><a class="menu__item" href="#">Team</a></li>
        <li><a class="menu__item" href="#">Contact</a></li>
        <li><a class="menu__item" href="#">Twitter</a></li>
</ul>

`