javascript - jQuery UI - Accordion 显示问题

Question

我的 Accordion 工作正常，但我有一个 JS 问题，阻止它正确显示。

http://jsfiddle.net/frEWQ/4/

1. 在 H3 下面的“kwick”div 完成折叠后，JS 没有将 .ui-corners-all 应用于 H3，在动画之后给出了一个奇怪的截止边界

有什么建议吗？

谢谢

        // find elements to show and hide
    var toShow = clicked.next(),
        toHide = this.active.next(),
        data = {
            options: o,
            newHeader: clickedIsActive && o.collapsible ? $([]) : clicked,
            oldHeader: this.active,
            newContent: clickedIsActive && o.collapsible ? $([]) : toShow,
            oldContent: toHide
        },
        down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );

    this.active = clickedIsActive ? $([]) : clicked;
    this._toggle(toShow, toHide, data, clickedIsActive, down);

    // switch classes
    this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
        .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
    if (!clickedIsActive) {
        clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
            .find(".ui-icon").removeClass(o.icons.header).addClass(o.icons.headerSelected);
        clicked.next().addClass('ui-accordion-content-active');
    }

    return;

Answer 1

更新:您可以修改源代码，但这通常不是一个好主意。

因为它需要特定格式，您可能需要使用 CSS 做一些棘手的事情来避免闪烁。

• 如何始终在 h3 的所有 Angular 上设置完整的 20px border-radius，即使在元素展开时也是如此。
• 让内容使用如下样式:padding-top:20px;职位:相对； top:-20px; 或类似的东西，将填充 20px，然后通过将其拉回来更正位置。这样，当它展开时，它实际上与 h3 底 Angular 重叠。如果这不起作用 padding-top:20px; margin-top:-20px; 可能。

在我看来，这是可行的。我会在你的 jfiddle 帖子上试一试，但你还没有将 css 源代码放入 css 框架。