jQuery中.slideToggle

Question

添加饼干我有一个简单.slideToggle功能在我的项目，那就是：

$(document).ready(function() { 
    $('.example5').show().before('<a class="blocks-hide">Show/Hide</a>'); 
    $('div.blocks-hide').click(function() { 
     $('.example5').slideToggle(250); 
     $('div.blocks-hide').toggleClass('blocks-show'); 
     return false; 
    }); 
}); 

现在我想用cookies plugin使用此功能。我希望浏览器记住我之前访问网页时是否点击了“.blocks-hide”链接，并相应地折叠/展开“.example5”。但是，哎呀，我不知道如何使用cookies插件..请帮助我们。我对JS很陌生。

Answer 1

检查块放映级点击事件后（末）：

编辑：错字 - 改变块出现到块出现

if($('.blocks-hide').hasClass('blocks-show')){ 
    $.cookie('toggleState', 'open'); 
} else { 
    $.cookie('toggleState', 'close'); 
} 

之后，只需在$（document）.ready（）处检查cookie内容：

if($.cookie('toggleState') == 'open') { 
    $('.example5').show(); 
} 

因为我发现你没有配置block-hide/blocks-show应该出现（当blocks-show为真时，没有viw类应该是相反的），a更好如果 - 否则检查将是：

if($('.example5').css('display') != 'none){ 
    $.cookie('toggleState', 'open'); 
} else { 
    $.cookie('toggleState', 'close'); 
} 

使用一个检查CSS属性显示。