Accordion插件

用于創建折疊菜單
通常與嵌套的列表、定義列表或嵌套的div一起使用
選項用于指定結構、激活的元素和定制的動畫

標準代碼

jQuery('#list1a').accordion(); jQuery('#list1b').accordion({ autoheight: false });

導航

jQuery('#navigation').accordion({ active: false, header: '.head', navigation: true, event: 'mouseover', fillSpace: true, animated: 'easeslide' });

帶選項

jQuery('#list2').accordion({ event: 'mouseover', active: '.selected', selectedClass: 'active', animated: "bounceslide", header: "dt" }).bind("change.ui-accordion", function(event, ui) { jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log'); });

總結

以上是生活随笔為你收集整理的jQuery的Accordion插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。