餅乾在顯示/隱藏DIV切換

Question

我的腳本：

function ShowHide(){ 
$("#news1").animate({"height": "toggle"}, { duration: 250 }); 
} 

問題：
我如何可以插入一個cookie這一點，所以，當我隱藏它，它會繼續刷新頁面後隱藏。
感謝幫助。

Answer 1

切換似乎設置從0和'正常'值（來源：）來回高度。

由於你的函數的最後一行，也許你可以添加：

if ($('#news1').css('height')==0) 
    # set cookie here with jquery cookie plugin or browser mechanism 
    # see http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery 

，然後添加適當的代碼文檔之前準備：「如果我檢測到的Cookie說，這是隱藏最後一次，不要」 T顯示它」

編輯：但如果你這樣做了很多，我會建議的框架或插件，具有良好的支持機制，這

Answer 2

對於cookie的操作，您可以使用jQuery.cookie

代碼將變爲：

function ShowHide(){ 
    $("#news1").animate({"height": 0}, 250, function() { 
     //this is a callback function. set the cookie here 
    }); 
} 

，你還需要另外的js代碼檢查，如果cookie設置爲隱藏DIV，並根據其隱藏。最好是在頁面加載時執行此代碼，或者在dom準備好時更好地執行此代碼。