Js代码:
$(document).click(function () {
$('.hide-menu').click(function (event) {
event.preventDefault();
$('body').toggleClass('hide-sidebar');
});
});
-hamBurger菜单具有永久类-隐藏菜单。-默认情况下,body标签中有“ hide-sidebar”类
如果删除$(document).click()部分,则您的代码将起作用。您也不需要preventDefault()(但是如果将其保留在代码中,它也可以使用)
$('.hide-menu').click(function(event) {
$('body').toggleClass('hide-sidebar');
});
.hide-sidebar nav {
display: none;
}
/*
These nav styles are only to highlight the showing nav, they are not needed and can be restyled as wished
*/
nav {
background-color: pink;
border: 1px solid red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="hide-menu"> Hide Menu </button>
<nav>
<a href="#"> link </a>
</nav>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句