Javascript JQuery-汉堡包菜单的动画创建 汉堡包

嘿，伙计们，我正在尝试创建一个汉堡包菜单，就像我提供的链接中的菜单一样。我什么都没有，只有html。我不知道这是什么造成的？我想你们可以帮我。你找到这样的东西了吗？或者你能告诉我怎么做吗？

---

基本上，这里有两个元素-按钮（H）和导航-链接列表，默认情况下隐藏。单击“H”按钮将显示导航菜单（并将文本从H更改为大文本，或任何您想要的内容）

.隐藏{
显示：无；
}
H
$（'.hamburger'）。单击（函数（）{
$（'.navigation'）.toggleClass（'hidden'）；
$（this.text（）==='H'？$（this.text（'maging'）：$（this.text（'H'）；
});

这就是它的基本原理。你可以根据自己的需要对它进行调整，并按照自己的喜好设计它的样式

（我还没有测试过它，所以它可能包含一些语法错误——但这个想法是正确的）

 <div class="hamburger">
        hamburger
        </div> 

<style>
    .hidden {
       display:none;
    }
</style>

<div class="hamburger">
    H
</div>
<div class="navigation hidden">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
</div>

<script>
   $('.hamburger').click(function(){
     $('.navigation').toggleClass('hidden');
     $(this).text()==='H'?$(this).text('Huge'):$(this).text('H');
   });
</script>