如何實現這一代碼

Question

我剛纔寫的代碼使用幻燈片切換一個盒子隱藏jQuery的餅乾/顯示用一個按鈕：

jQuery("#button").click(function() { 
    jQuery('#box').slideToggle('fast'); 
}); 

我想要實現這個cookies記住，如果框被隱藏或可見。有人可以用這個指導我嗎？

Answer 1

有一個jQuery Cookie插件可用，這將使得讀取和寫入cookies變得更容易和更方便。下面是一個例子：

// if the slider is visible, set the cookie slider value to true 
$.cookie('slider', 'visible', { expires: 7, path: '/' }); 

要讀出的值，使用以下作爲一個例子：

var sliderVisible = $.cookie('slider'); 

的更多信息可以在jQuery Cookies Plugin Site找到。

Answer 2

我剛剛得到它的工作。我做了兩個按鈕，以便有每個狀態（即封閉式和開放式）

jQuery('#button_open').hide(); //initially we keep the open button hidden 

//此代碼定義，當我們點擊關閉按鈕

jQuery('#button_close').click(function() { 
     jQuery(this).hide(); //this hides the close button as the box is now closed 
     jQuery('#box').slideUp('fast'); //hides the box 
     jQuery('#button_open').show(); //shows the open button 
     jQuery.cookie("openclose","closed", {expires: 365}); // sets cookie 
     return false; 
    }); 

//該代碼會發生什麼不同的按鈕定義當我們點擊打開按鈕

jQuery("#button_open").click(function() { 
     jQuery(this).hide(); //hides the open button as the box is now open 
     jQuery('#box').slideDown('fast'); //shows the box 
     jQuery('#button_close').show(); //shows the close button 
     jQuery.cookie("openclose","open", {expires: 365}); //sets cookie 
     return false; 
    }); 

//現在神奇的部分來自於這個代碼檢查是否命名爲「openclose」該cookie的值是「封閉」發生了什麼。如果是，則隱藏關閉按鈕+框並顯示打開按鈕。

if(jQuery.cookie("openclose") == "closed") { 
     jQuery("#button_close").hide(); 
     jQuery("#button_open").show(); 
     jQuery('#box').hide(); 
    };