jquery - 当在较高位置显示更多内容时，较低 div 的平滑过渡

Question

对不起标题，很难解释！

我有一个我正在构建的网站的画廊部分，每个部分里面都有不同数量的图像 - 当循环浏览这些（使用 jquery ui 选项卡）时，我希望下面的内容能够根据内容平滑向上/向下滚动在那儿。

例如： http: //www.maxhenchman.co.uk/oh/

如果您单击“风景”选项卡，您会看到“联系人”部分突然跳下以为其他照片腾出空间，有人可以建议一个插件/脚本，通过某种过渡使这种行为更加顺畅吗？

编辑：

$(function() {
   $('#tabs').tabs({
    show: { effect: "fade", duration: 500 },
    hide: { effect: "fade", duration: 500 }
});
});

非常感谢！

最大限度

Answer 1

你在寻找这种行为吗？

$( "#tabs" ).tabs({
 show: { effect: "slideDown", duration: 500 },
    hide: { effect: "slideUp", duration: 500 }
});

演示