onclick jquery slidetoggle默認狀態從cookie

Question

默認情況下，我的div元素#bannerbox顯示爲正常，我使用下面的代碼來隱藏div元素。

<div id="toggleclose"> 
    <a href="#" class="closebutton" onclick="jQuery('#bannerbox').slideToggle('normal');" title="Close"><span class="hidespan">Close</span></a> 
</div> 

我想什麼做的是在點擊按鈕時，以及目前的功能，必須然後保存到cookie中的狀態，以便在下一次加載頁面的div元素的能見度從保存到cookie的最後狀態保留。

這是我正在使用的當前代碼，目前沒有工作。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var openToggle = getCookie("open") || false; 
     if (openToggle)  
       $("#bannerbox").show(); 
     else 
       $("#bannerbox").hide(); 

     $('.closebutton').click(function() {  
       var closed = $("#bannerbox").is(":none");  
       if (closed)  
        $("#bannerbox").show();  
       else   
        $("#bannerbox").hide();  

       setCookie("open", !closed, 365); 
     }); 
    }); 
</script> 

Answer 1

檢查了這一點：http://coding.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/

$(document).ready(function(){ 
    var $banner = $("#bannerbox"); 
    localStorage.getItem('bannerActive') ? $banner.show() : $banner.hide(); 

    $('.closebutton').click(function() {  
      $banner.toggle();   
      localStorage.setItem('bannerActive', $banner.is(":visible"); 
    }); 
});