如何防止通過單擊按鈕創建的div在重新加載頁面時消失？

Question

我正在使用一個按鈕向下滑動一個包含註冊表單的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> 

Answer 1

你需要以某種方式保存#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 
    } 
});