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");
     });
});

onclick jquery slidetoggle来自cookie的默认状态

1 个答案: