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屬性顯示。