jquery - 如何反转jquery UI折叠效果的方向？

Question

我使用 jquery UI 折叠效果作为切换中的参数，如下所示:

$(textDivChild).toggle( "fold");

效果很好，我只有一个问题。 div 从右向左折叠，而不是从左向右折叠，这就是我想要的。而且我在选项对象中没有看到方向选项...我尝试了各种其他方法，例如幻灯片、slideUp(在jquery核心中)和slideDown，但它们都没有达到我想要的效果。如果幻灯片有一个“向左上方”滑动的方向选项，而不仅仅是“向上”，我就可以使用它。我的最终目标是让容器看起来像是正在折叠/展开/展开按钮——如果我可以反转方向，折叠将非常适合此目的。

另外，我尝试过将 div 与相对/绝对定位右对齐，但它没有方向的影响。无论如何我都无法做到这一点，因为我无法正确定位，因为我在工作之上执行此操作的应用程序的方式......无论如何我只能使用“左”和“上”CSS 定位。

Answer 1

使用 CSS，您可以使用 float 属性使其成为 look like it's folding to the right .

#textDivChild {
    float: right;
}

所有这些所做的都是将所有内容对齐，因此即使动画的发生与以前完全相同，它也会看起来好像向右折叠。