Question

测试网站：https://josh-unger-mzr3.squarespace.com

我想添加＆＃34; x＆＃34;在移动菜单（800px或更低）中关闭菜单。

我喜欢＆＃34;菜单＆＃34;按钮在＆＃34; x＆＃34;之后重新打开菜单点击时没有冲突。

我的代码：

$(document).ready(function() {
  $('#block-yui_3_17_2_8_1513711317921_6208').appendTo('.wrapper ');
});

$(document).ready(function() {
  $("#block-yui_3_17_2_8_1513711317921_6208").click(function() {
    $("#mobileNav").toggleClass("menu-open")
  })
})

Answer 1

这是有效的解决方案。

<script> $(document).ready(function(){ $("#block-
 yui_3_17_2_8_1513711317921_6208").click(function()‌{ 
 $("#mobileNav").removeClass("menu-open"); }); }); </script>


 <script> $(document).ready(function(){ $("#block-
  yui_3_17_2_8_1513711317921_6208").click(function()‌{ 
   $("#mobileNav").height(0); }); }); </script>

隐藏并显示带有图标的移动菜单

1 个答案: