Jquery切換按鈕，並關閉狀態

Question

我有一個按鈕，切換我的頁腳。當前代碼從頁腳關閉開始。我的問題是我如何使默認狀態打開？我已經嘗試過幾種配置，但不知道什麼是正確的。當我在瀏覽器上檢查cookie時，默認狀態爲'隱藏'。

// Toggle Button 

$(document).ready(function() { 
var button = $('.toggle'); 

//check the cookie when the page loads 
if ($.cookie('currentToggle') ==='visible') { 
    togglePanel(button, false); 
} 
    else { 
    togglePanel(button, true); 

} 

//handle the clicking of the show/hide toggle button 
button.click(function() { 
    //toggle the panel as required, base on current state 
    if (button.text() === "-") { 
     togglePanel($(this), true); 
    } 
    else { 
     togglePanel($(this), false); 

    } 
}); 

}); 

function togglePanel(button, show) { 

var panel = $('footer'); 

if (show) { 
    panel.slideUp('slow'); 
    button.text('+'); 
    $.cookie('currentToggle', 'hidden', { path: '/' }); 

} 
else { 
    panel.slideDown('slow'); 
    button.text('-'); 
    $.cookie('currentToggle', 'visible', { path: '/' }); 

} 
} 

Answer 1

我想你只需要這一行處理的情況下，因爲沒有Cookie設置：

if (!$.cookie('currentToggle')) 
    $.cookie('currentToggle', 'visible'); 

把它之前//check the cookie when the page loads

或者，更簡單，扭轉你的當您檢查時的邏輯：

if ($.cookie('currentToggle') === 'hidden') { 
    togglePanel(button, true); 
} else { 
    togglePanel(button, false); 
}