单击按钮，出现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;
}

任何人都可以帮忙吗？

提前致谢！

Answer 1

试试这个。

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

此外，如果您希望此按钮打开并关闭此菜单，请改为使用此选项：

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

P.S - 您应该阅读.toggle()，因为您已经尝试将“show”作为参数发送，但是没有这样的超载。

修改

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