利用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