0

jQuery mobile を使用して折りたたみ可能なセットを作成しました。正常に動作していますが、Jquery UI のアコーディオンのようにスムーズではありません。ヘッダーをタップすると、グッと拡大します。

スムーズにする方法はありますか？

4

1 に答える 1

1

折りたたみ可能な見出しにclickリスナーをアタッチします。クリックすると、またはクリックされた折りたたみ可能アイテムが折りたたまれているか展開されているかに基づいて。折りたたみ式を展開すると、他の折りたたみ式が折りたたまれます。つまり、一度に展開できる折りたたみ式は 1 つだけです。 .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);
    }
});

デモ

于 2014-09-12T15:51:41.477 に答える