使用Cookie保存slideToggle當前狀態

Question

我需要一些幫助入門如何使用Cookie plugin。

我有一個基本的導航，UL裏面的ul，並使用slideToggle顯示/隱藏部分。我希望它在頁面刷新後保持當前狀態。我已經看過例子哦，人們是如何用單個div來做到這一點的，但是cookie代碼對我來說有點困惑。如果任何人都能指引我走向正確的方向，或者讓我以我的具體例子開始，我會非常感激。

這裏是我當前的腳本：

$(document).ready(function(){ 
    $('.navHeader').children(".subNav").hide(); 

    $('.navHeader').on('click', function(){ 
     $(this).children('.subNav').slideToggle(100); 
     $(this).siblings().children('.subNav').slideUp(100); 
    }); 
}); 

這裏是我的HTML：

<nav id='navMenu'> 
    <ul class='mainNav'> 
     <li class='navHeader'>Section 1 
      <ul class='subNav'> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
      </ul> 
     </li> 
     <li class='navHeader'>Section 2 
      <ul class='subNav'> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
      </ul> 
     </li> 
     <li class='navHeader'>Section 3 
      <ul class='subNav'> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
      </ul> 
     </li> 
     <li class='navHeader'>Section 4 
      <ul class='subNav'> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
      </ul> 
     </li> 
    </ul> 
</nav> 

感謝您的任何和所有援助。

Answer 1

你可以在這裏閱讀有關cookies： http://www.quirksmode.org/js/cookies.html

它也包含你可以在你的代碼易於使用的功能。

編輯：開始閱讀關於那裏的cookies，然後嘗試自己實現你需要的東西。如果您需要更多幫助，請告訴我們。嘗試完成它總是最好的，因爲它會爲你帶來一些寶貴的經驗。你並不需要一個jQuery插件來完成這個任務，但這只是我的看法。