如何在<div main .. =“”> </div>中使用切换按钮jQuery

Question

我一直试图通过使用Toggle jQuery来隐藏/显示按钮。但是当我点击这个事件时没有发生。

 <script>
    $(document).ready(function () {
        $("button").click(function () {
            var main = this.value;
            $("#" + main).slideToggle();
        });
    });
</script>

div ：

<div id="main">
        @RenderBody()
        <button>Toggle</button>
    </div>

有谁能告诉我这些代码行发生了什么？

Answer 1

您的按钮没有任何值属性，看起来像您想要的那样：

$(document).ready(function () {
    $("button").click(function () {
        $("#main").slideToggle();
    });
});