0

デフォルトでは、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 要素の可視性が最後に保存された状態から保持されるようにすることですクッキー。

これは私が作業している現在のコードであり、現在は機能しません。

<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>
4

1 に答える 1

0

これをチェックしてください：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");
     });
});
于 2012-07-02T15:02:31.890 に答える