Jquery-tabs-collapselbe-animated transition

很难将特定的需求集合在一起工作

从基本JQuery UI演示开始： 将“可折叠”设置为True允许在单击活动选项卡标题时关闭选项卡 那很好

我们需要在加载时关闭选项卡，以便添加活动选项卡；假的 好的

现在，我们想添加一个过渡，这样当标签被更改时，它不是一个快速的不一致的更改，而是一个很好的平滑过渡

发生的情况是，当选择不同的选项卡时，活动选项卡将一直关闭，而另一个选项卡将打开

是否有一种方法可以使面板仅按新选定面板的大小设置动画，而无需一直关闭

我意识到实际发生的是活动面板正在关闭，而另一个（单独的）面板正在打开

因此，我们使用的JQuery UI演示调整方法可能不是最好的方法

寻求实现上述描述的建议和建议

谢谢

---

-Dave

当所选选项卡更改时，需要使用

$("#tabs").tabs({activate:function(){...}});

而

$（“#选项卡”）

需要一个绝对高度，以便可以设置动画

$( "#tabs" ).height($(ui.newPanel||ui.panel).height()+83);

---

看看这个例子。

你能添加一个你尝试过的例子吗？嘿，@DaveBar，你最终解决了这个问题吗？如果您有，您可以通过发布您的解决方案或点击✓ 有一个答案对你有帮助！