如何平滑JQuery Mobile中的Collapsible_set

我使用jQuery mobile創建了一個Collapsible集。它工作正常，但不像Jquery UI中的Accordion那樣流暢。當我點擊標題時，它會隨着一個混蛋擴展。如何平滑JQuery Mobile中的Collapsible_set

有沒有什麼辦法讓它平滑？

來源

2014-09-12 Sundeep Saluja

奧馬爾的回答是好。如果您還想要一次打開多個可摺疊打開的選項，請在此處查看我的答案：http://stackoverflow.com/questions/23566967/jquerymobile-1-4-2-animate-collapsible/23568021#23568021兩種選擇都是可能的。 – ezanker 2014-09-12 16:20:16

將一個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

來源

2014-09-12 15:51:41 Omar

如何平滑JQuery Mobile中的Collapsible_set

回答

相關問題