打开和关闭导航

Question

这是JSfiddle，我试图打开和关闭导航，但似乎没有工作。一旦点击它似乎关闭导航栏，然后什么都不做。我很擅长使用jQuery。任何人都可以告诉我如何纠正这一点，而且我还需要在点击菜单按钮之前甚至不显示导航。谢谢！

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

Answer 1

这是工作fiddle

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

Answer 2

正如你所说，你想要切换，所以这样做：

$("#menuButton").click(function() {
    $("#menu").toggle();
}

http://api.jquery.com/toggle/