我想用相同的按钮打开和关闭我的菜单。这是我的代码。
<script>
$('#open-menu').click(function() {
$("#mySidenav").css("width" , "250px");
$("#l_m").css({"marginLeft": "250px", "position" : "absolute", "width" : "100%"});
// $(this).attr('id','close-menu');
});
$('#close-menu').click(function() {
$("#mySidenav").css("width" , "0");
$("#l_m").css("marginLeft" , "0");
});
</script>
检查这个小提琴:https : //jsfiddle.net/uyjogg5e/10/
(我试图添加被评论的行,但当我点击它时,没有任何反应)
您可以在类中设置 css 属性:
.side-nav-show{
width : 250px;
}
.l_m-show{
marginLeft:250px;
position:absolute;
width:100%;
}
然后在单击元素时切换类:
$('#open-menu').click(function() {
$("#mySidenav").toggleClass('side-nav-show');
$("#l_m").toggleClass('l_m-show');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句