比思論壇

標題: jQuery Accordion [打印本頁]

作者: hncszz 時間: 2021-7-18 10:55
標題: jQuery Accordion
标准

标准代码如下:

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

导航

带有锚和嵌套列表的无序列表

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

带选项

容器是一个定义列表，标题是 dt，内容是 dd。

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');
});

歡迎光臨比思論壇 (http://108.170.5.74/)