如何使用jQuery显示按钮按下的导航?

时间:2015-01-24 07:51:04

标签: jquery html css

我有一个页面,当页面的宽度为=或&lt;时,我会显示一个图标以显示菜单。 900个像素。现在,我只设置导航display:none;,但我想知道当有人点击按钮时我如何显示inline。看到我的页面位于http://www.quaaoutlodge.com/(将尺寸最小化为<900像素,您将看到导航按钮)。

2 个答案:

答案 0 :(得分:1)

此名称为responsive design。您可以使用slicknav之类的jQuery插件。

答案 1 :(得分:0)

我使用了来自jQuery的toggle属性,它运行得非常好!而不是自己学习而不是使用某些第三方模块:

<script>
    $(document).ready(function(){
        $("#showbutton").click(function(){
            $("#navigation").toggle();
        });
    });
</script>