jquery-ui - 如何更改 jQuery 手风琴选项卡的默认状态

Question

我正在使用jQuery 手风琴，但默认情况下，第一个手风琴选项卡已在页面加载时展开。我尝试将其添加到内联 html 中，并尝试从jquery-ui.jsaria-selected="false"的第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 来处理选项卡的可见性，但不是 content 的类。将其放在手风琴初始化之后的代码中：

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

升级版：

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

更新 2：

改变原始 ui 元素原始行为的最佳方式——创建自己的插件或小部件 :)

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

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