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

Php 如何防止通过单击按钮创建的div在重新加载页面时消失?,php,jquery,html,forms,Php,Jquery,Html,Forms,我正在使用一个按钮向下滑动包含注册表单的div,但在我重新加载页面(或提交表单)后,div消失,我必须再次单击该按钮。我希望div在重新加载页面后保持不变。有什么建议吗 以下是我的jquery代码: <script type="text/javascript"> $(document).ready(function(){ $("button#button_register").click(function(){ $("#reg

我正在使用一个按钮向下滑动包含注册表单的div,但在我重新加载页面(或提交表单)后,div消失,我必须再次单击该按钮。我希望div在重新加载页面后保持不变。有什么建议吗

以下是我的jquery代码:

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

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

$(文档).ready(函数(){
$(“按钮#按钮_寄存器”)。单击(函数(){
$(“#寄存器”).slideDown('slow');
});
});
和按钮:

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

您需要以某种方式保存
#register
元素的状态。您可以将服务器端用于此(会话)或简单的cookie

但是在纯JS中处理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
    }
});