我有一个页面,当页面的宽度为=或<时,我会显示一个图标以显示菜单。 900个像素。现在,我只设置导航display:none;
,但我想知道当有人点击按钮时我如何显示inline
。看到我的页面位于http://www.quaaoutlodge.com/(将尺寸最小化为<900像素,您将看到导航按钮)。
答案 0 :(得分:1)
此名称为responsive design。您可以使用slicknav之类的jQuery插件。
答案 1 :(得分:0)
我使用了来自jQuery的toggle属性,它运行得非常好!而不是自己学习而不是使用某些第三方模块:
<script>
$(document).ready(function(){
$("#showbutton").click(function(){
$("#navigation").toggle();
});
});
</script>