php - 在重新加载页面时，如何防止通过单击按钮创建的div消失？

我用一个按钮来滑下一个包含注册表单的div，但是在我重新加载页面（或提交表单）之后，div消失了，我必须再次单击该按钮。我希望div在重新加载页面后保持不变。有什么建议吗？
这是我的jquery代码：

    <script type="text/javascript">
    $(document).ready(function(){

        $("button#button_register").click(function(){
            $("#register").slideDown('slow');
        });
    });
    </script>

按钮：

<button id="button_register">Register! </button>

最佳答案

您需要以某种方式保存#register元素的状态。您可以将服务器端用于此（会话）或一个简单的cookie。
但是在纯JS中处理cookie有点棘手。假设你可以使用这个伟大的插件：https://github.com/carhartl/jquery-cookie你可以做这样的事情：

$("button#button_register").click(function(){
    if($("#register")is(':visible')) {
        $("#register").slideUp('slow');
        $.cookie('registerState', 0);
    } else {
        $("#register").slideDown('slow');
        $.cookie('registerState', 1);
    }
});

... 每次加载页面时都需要检查此状态，如下所示：

$(document).ready(function(){
    if($.cookie('registerState') == 1) {
        $("#register").show(); // or slide down if you want to show an animation every time
    }
});

关于php - 在重新加载页面时，如何防止通过单击按钮创建的div消失？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27677673/