大佬教程收集整理的这篇文章主要介绍了jQuery UI手风琴：一次打开多个面板，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
beforeActivate事件处理程序选项来颠覆并模拟窗口小部件的默认行为来实现。
例如：
$('#accordion').accordion({
collapsible:true,beforeActivate: function(event,ui) {
// The accordion believes a panel is being opened
if (ui.newHeader[0]) {
var currHeader = ui.newHeader;
var currContent = currHeader.next('.ui-accordion-content');
// The accordion believes a panel is being closed
} else {
var currHeader = ui.oldHeader;
var currContent = currHeader.next('.ui-accordion-content');
}
// Since we've changed the default behavior,this detects the actual status
var isPanelSELEcted = currHeader.attr('aria-SELEcted') == 'true';
// Toggle the panel's header
currHeader.toggleClass('ui-corner-all',isPanelSELEcted).toggleClass('accordion-header-active ui-state-active ui-corner-top',!isPanelSELEcted).attr('aria-SELEcted',((!isPanelSELEcted).toString()));
// Toggle the panel's icon
currHeader.children('.ui-icon').toggleClass('ui-icon-triangle-1-e',isPanelSELEcted).toggleClass('ui-icon-triangle-1-s',!isPanelSELEcted);
// Toggle the panel's content
currContent.toggleClass('accordion-content-active',!isPanelSELEcted)
if (isPanelSELEcted) { currContent.slideUp(); } else { currContent.slideDown(); }
return false; // Cancel the default action
}
});
以上是大佬教程为你收集整理的jQuery UI手风琴：一次打开多个面板全部内容，希望文章能够帮你解决jQuery UI手风琴：一次打开多个面板所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。