使用jquery每秒钟单击一次菜单切换

拉加夫·塞加尔

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章