Jquery mobile jquerymobile 1.4.2-设置可折叠动画

我想在jquerymobile1.4.2中设置一个可折叠集的动画。不幸的是，我什么也没找到。所有动画脚本都使用1.3.2版或1.4.0版

我还是个新手，不知道我是否可以切换到1.4.0或1.3.2来保持我的设计

---

我能做什么？

这里有一个方法：

不要使用可折叠集，而是将包装器div与

class=“ui-collapsable set”

一起使用，这将为您提供可折叠集样式，但随后允许您实现以下逻辑：

<div class="ui-collapsible-set">
    <div data-role="collapsible" class="animateMe">
        <h3>Section 1</h3>
    <p>I'm the collapsible content for section 1</p>
    </div>
    <div data-role="collapsible" class="animateMe">
        <h3>Section 2</h3>
    <p>I'm the collapsible content for section 2</p>
    </div>
    <div data-role="collapsible" class="animateMe">
        <h3>Section 3</h3>
    <p>I'm the collapsible content for section 3</p>
    </div>
</div>

这段代码是每个可折叠标题上的单击处理程序。它检查单击的可折叠文件当前是展开还是折叠。如果它被展开，我们只需使用slideUp动画将其折叠即可。如果它被折叠，我们首先折叠所有展开的项目，然后使用slideDown动画展开该项目

如果要允许同时展开多个项目，只需删除此行：

$(".ui-collapsible").not(".ui-collapsible-collapsed").find(".ui-collapsible-heading-toggle").click();

这是一个正在工作的

---

太棒了！很好！尝试了几个例子，但没有成功，这一个是有效的，你添加了小提琴，很好@联邦快递。我很高兴您发现它很有帮助。如果它最初在使用

data collapsed=“false”

的扩展集上设置动画，并在最初进行扩展，那就太好了。由于某些原因，可折叠集的第一次折叠不会产生动画。@SolomonClosson，您可以这样做：

$(".ui-collapsible").not(".ui-collapsible-collapsed").find(".ui-collapsible-heading-toggle").click();