利用jQuery內置的data()方法存儲數據

jQuery提供了內置的data()方法，與DOM元素不同的是，它可以用來存儲key/value類型的數據。數據的存儲是很容易的：

$('#myDiv').data('currentState', 'off'); 

我們修改上一個例子的代碼，以便於我們可以使用相同的HTML內容(除了沒有"expanded"類)並使用data()函數來進行狀態的存儲：

$('.button').click(function() {   
 
   var menuItem = $(this).parent();   
   var panel = menuItem.find('.panel');   
 
   if (menuItem.data('collapsed')) {   
       menuItem.data('collapsed', false);   
       panel.slideDown();     
   }   
    else {   
        menuItem.data('collapsed', true);   
        panel.slideUp();   
    }   
}); 

對於data()和removeData()的更多信息，請查看jQuery internals