如何更改 jQuery 折叠面板选项卡的默认状态

Question

我正在使用jQuery手风琴，但默认情况下，第一个手风琴选项卡在页面加载时已经展开。我尝试将aria-selected="false"添加到内联 html，并尝试在 jquery-ui.js 中更改/删除第 6345 行，但第一个选项卡仍然展开：

// make sure at least one header is in the tab order
if ( !this.active.length ) {
    this.headers.eq( 0 ).attr( "tabIndex", 0 );
} else {
    this.active.attr({
        "aria-selected": "true",
        tabIndex: 0
    })
    .next()
        .attr({
            "aria-expanded": "true",
            "aria-hidden": "false"
        });
}

有什么指示吗？

编辑：使用以下答案的新小提琴：http://jsfiddle.net/pfeff/WNdRe/1/

Answer 1

Accordion jQuery-ui 通过更改 CSS 而不是内容类来处理选项卡可见性。在手风琴初始化后立即将其放在代码中：

$("#accordion div.ui-accordion-content").css({"display": "none"});// hide content block

上级：

$(...).accordion({ collapsible: true, active: false });

UPD 2：

更改原始 ui 元素原始行为的最佳方法 - 创建自己的插件或小部件:)

http://jsfiddle.net/R8J5p/1/

现在你可以像$(...).myAccordion();一样使用它