jquery - 打开和关闭导航

标签 jquery html css

这是JSfiddle ,我正在尝试打开和关闭导航,但似乎不起作用。单击后似乎会关闭导航栏,然后什么都不做。我对使用 jQuery 还很陌生。谁能告诉我如何纠正这个问题,而且我还需要在单击菜单按钮之前不显示导航。谢谢!

    $(function() {
      var showMenu = false;
      $('#menuButton').click(function() {
        if (showMenu) {
          $('#menu').css({'display':'none'});
          showMenu = false;
          return;
        }
        $('#menu').css({'display':'block'});
        showMenu = true;
      });
    });

最佳答案

这是工作 fiddle

我已将选择器更改为 checkbox#spinner-form2 而不是 #menuButton

关于jquery - 打开和关闭导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42437737/

相关文章:

android - 以原始分辨率在 Android 上显示不可缩放的网页?

html - 如何将元素的大小调整到完整的可见高度

javascript - 如何使用 JQuery 将样式应用于正确的标签

php 验证从 html 输入中删除数据

jquery - 如何在 JS/Jquery 中使用 window.location.pathname 获取 if 语句,使其在路径名后不包含任何内容?

html - Bootstrap 3,如何创建带有品牌形象和两行链接的导航栏?

html - bootstrap 颜色是如何工作的?

css - IE8 中的链式伪选择器

jquery - 使用 jQuery 按顺序淡入列表项

javascript - 如何在 PhpStorm 中启用 JS 库自动完成?