当显示更多内容更高时，较低div的平滑过渡

Question

对不起标题，很难解释！

我有一个我正在建设的网站的图库部分，每个部分都有不同数量的图像 - 当循环使用这些（使用jquery ui标签）时，我希望下面的内容能够顺畅地向上/向下滚动，具体取决于那里的内容。

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

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

编辑：

$(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 }
});

DEMO