扩展侧边栏菜单。他们是怎么做到的？

Question

http://pointnorth.io

他们是如何在左侧扩展侧边栏的？它似乎只是css，但我可能错了。

主要网址，然后其他所有网址都以＃开头，文字全部在一个页面上，然后点击时展开或隐藏。

我不明白他们如何隐藏或显示数据。

Answer 1

它不仅仅是CSS。正文底部的这个页面有javascript代码，它为链接设置了数据活动属性，可以点击它。如您所见，数据活动的子项目部分的高度为：auto。在其他情况下.nav - 子节类的高度为：0px。

Answer 2

你可以轻松实现自己的想法，而无需解除别人的想法。看看这个小提琴http://jsfiddle.net/vfrcx678/以及它如何进入http://jsfiddle.net/vfrcx678/show/

这是一些示例代码

$(window).hashchange({
    hash: "#!/login/",
    onSet: function() {
        $("#login-form").show();
    },
    onRemove: function() {
        $("#login-form").hide();
    },
});

项目页面https://github.com/apopelo/jquery-hashchange