jquery - 使div停留在点击Jquery asp.net

Question

我试图让一个 div 在点击时出现然后停留在屏幕上，但是不能让 div 在点击后停留？

这里是使用的 Jquery:

    $(document).ready(function(){             

        $(function () {
            $("#main").hide();
            $("#Button1").on("click", function () {
                $("#main").toggle(500);
            });

        });

    });

和主要的 html:

#main{
        position:absolute;
        left:180px;
        width:75%;
        height:700px;
        top:300px;
        background-color:snow;
}

Answer 1

您的问题出在这一行:

$("#main").toggle(500);

jQuery 中的“切换”功能将使元素的显示状态在隐藏和显示之间切换。要在您单击时简单地显示元素，请使用“显示”功能。

$(function () {
    $("#main").hide();
    $("#Button1").on("click", function () {
        $("#main").show(500);
    });
});