菜单覆盖而不是幻灯片内容

Question

我试图实现一个覆盖内容的简单移动菜单，而不是将下面的内容放下来。

我一直在使用slideToogle，并认为一个简单的Show会做到这一点，但事实并非如此。

JS小提琴：

http://jsfiddle.net/#&togetherjs=CeCLTjgp1G

Answer 1

添加类的Jquery：

 $('#responsive-menu-button').click(function () {
    $('.nav').addClass("show");
});

类别：

nav {
    display:none;
}
nav.show {
    width:100%;
    position:absolute;
    display:block;
    background:#F7F7F7;
}