jquery - jQuery ui选项卡动画选项卡之间的高度变化

Question

我正在尝试使用 jQuery ui 库中的选项卡插件创建一个简单的选项卡式界面。我的标签工作正常，但是当用户单击新标签以放松或降低时，我需要改变高度。就像这样，但使用 jQuery ui tabs 插件。

到目前为止，我正在使用基本脚本：

$(document).ready(function() {
$("#tabs").tabs();
});

Answer 1

尝试这个：

$(document).ready(function() {
    $("#tabs").tabs({ fx: { opacity: 'toggle', duration: 1000 } });
});

Answer 2

我认为你可以在 jquery ui 中使用一些效果， $( ".selector" ).tabs({ hide: { effect: "explode", duration: 1000 } });

参考这个，http://api.jqueryui.com/tabs/