jQuery ui选项卡动画更改选项卡之间的高度

时间:2013-08-29 05:18:47

标签: jquery jquery-ui jquery-tabs

我正在尝试使用jQuery ui库中的tabs插件创建一个简单的选项卡式界面。我的标签工作正常,但是当用户点击新标签以放松或缩小时,我需要更改高度。像this那样但使用jQuery ui tabs插件。

到目前为止,我正在使用基本脚本:

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

2 个答案:

答案 0 :(得分:1)

试试这个:

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

答案 1 :(得分:1)

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

请参阅此http://api.jqueryui.com/tabs/