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

Question

4

我在谈论出现在特定屏幕宽度下面的按钮，当单击时隐藏/显示菜单（如下图所示）。我正在尝试在我的网站上复制其行为而不使用bootstrap（因为我喜欢在没有框架的情况下工作）。

我已经查看了源代码，但无法确定它的确切工作方式以及复制行为的最有效方法。从我所能看到的来看，它通过将一个隐藏/显示类应用于菜单并由按钮激活来使用javascript工作。

是否可能使用css复选框hack来复制这个功能呢？还是使用javascript更好？

- user1694077

@nailer：啊，原来这个叫汉堡菜单！我完全不知道，谢谢！ - user1694077

2个回答

0

编辑：

我第一次看错了问题。

我认为使用JavaScript会更好。

如果你正在使用jQuery，可以使用toggle方法。

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

- teewuane

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mikemaccana · Accepted Answer

这很简单：

我喜欢http://purecss.io上的实现。