Question

我使用jQuery mobile创建了一个可折叠集。它运行正常，但它不像Jquery UI中的Accordion那样流畅。当我点击标题时，它会以一个混蛋扩展。

有没有办法让它顺利？

Answer 1

将click听众附加到可折叠的标题 .ui-collapsible-heading-toggle。点击.slideDown()或.slideUp()后，根据点击的可折叠信息是否已折叠或展开。当扩展可折叠时，其他的将折叠，即只有一个可折叠应该扩展一段时间。

$(".ui-collapsible-heading-toggle").on("click", function (e) {
    var current = $(this).closest(".ui-collapsible");
    if (current.hasClass("ui-collapsible-collapsed")) {
        $(".ui-collapsible-content", current).slideDown(300);
        current.siblings(".ui-collapsible:not(.ui-collapsible-collapsed)").find(".ui-collapsible-content").slideUp(300);
    } else {
        $(".ui-collapsible-content", current).slideUp(300);
    }
});

<强> Demo

如何在Jquery Mobile中平滑Collapsible_set

1 个答案: