jquery - 按钮被点击，出现 div

Question

快要疯了。我不知道我在这里错过了什么。

这是它的要点。

有一个按钮，当点击时，我想要一个 div 出现。由于某种原因，它不起作用。

这是代码：

<script type="text/javascript">
$('input.mobile_menu_button').on('click', function() {
$("#nav").toggle("show");
});
</script>

这是按钮

<div><input type="button"  class="mobile_menu_button"  /></p>
</div>

这是隐藏的 div 的 CSS：

#nav {
background-color: #0CF;
width: 200px;
position: fixed;
display:none;
}

任何人都可以帮忙吗？

提前致谢！

score 2 · Accepted Answer

尝试这个。

    $('input.mobile_menu_button').click(function() {
    $("#nav").show();
});

此外，如果您希望此按钮打开和关闭此菜单，请改用此按钮：

    $('input.mobile_menu_button').click(function() {
    $("#nav").toggle();
});

PS - 你应该阅读.toggle()因为你已经尝试发送“show”作为参数，但它没有这样的重载。

编辑：

要完成这个答案，就像 Roland 在评论中所说的那样，问题是你需要在文档加载后绑定这个事件

1 回答 1