Javascript 如何复制引导移动导航栏切换（不使用引导）？

我说的是出现在特定屏幕宽度下的按钮，单击时隐藏/取消隐藏菜单（下面的屏幕截图）。我试图在我的网站上复制它的行为，而不使用引导（因为我喜欢在没有框架的情况下工作）

我查看了源代码，但无法确切地了解它是如何工作的，以及复制行为的最有效方法是什么。据我所知，它通过对菜单应用hide/unhide类（通过按钮激活）来使用javascript

有没有可能用css复选框黑客来复制这一点？还是使用javascript更好？

编辑：

我第一次误读了这个问题

我认为你会有更好的时间使用javascript

如果您使用的是jquery，那么可以使用toggle方法

$("#hide-show-button").click(function(){
    $(".nav").toggle();
});

这相当简单：

• 添加汉堡菜单图标
• 有一个CSS类，使导航区域处于活动状态
• 让JS从导航区域添加/删除该类
• 使用CSS转换来处理动画（它们更有可能在移动设备上被加速）

我喜欢在上的实现

---

还可以查看一下

@naller:啊，这就是汉堡包菜单！我不知道，谢谢！