0

很难让一组特定的要求协同工作。

从基本的 JQuery UI 演示开始：http: //jqueryui.com/tabs/#collapsible 将 Collapsible 设置为 True 允许在单击活动的 tabheader 时关闭选项卡这工作正常.....

我们需要在加载时关闭选项卡，因此添加了 Active；假 没问题.....

现在，我们想添加一个过渡，以便在更改选项卡时，它不是一个快速的不和谐的变化，而是一个很好的平滑过渡。

What is happening, is that when choosing a different tab, the active tab is closing all the way while the other opens.

有没有办法让面板只动画到新选择的面板的大小而不会一直关闭。

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

所以我们正在使用的 JQuery UI 演示调整方法，可能不是最好的方法。

寻求意见和建议以实现上述描述。

谢谢-戴夫

4

1 回答 1

0

您需要为所选选项卡更改时设置一个事件

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

并且$("#tabs")需要一个绝对高度，以便它可以动画。

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

有关工作示例，请参阅此JSFiddle 。

于 2013-11-06T18:43:41.317 回答