如何平滑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

回答

相关问题