平滑可见div的jQuery动画

我有一个隐藏的div，里面充满了内容，当你点击另一个div时，它就变得可见了。点击的div必须淡入淡出，这样隐藏的div就不会“跳入”，它显示如下：

向下移动单击div

淡入新部门

但是，单击div向下移动，然后新div突然出现，并向下“推”单击div。以下是重要的几行：my.galleryarea必须向下移动，.moreinfo分区必须看起来平滑

    $(".galleryarea").animate({ marginTop: '200px' }, 1500);
    $("#moreinfo").removeClass("hidden", 1500, "easeInBack");
    $("#moreinfo").animate({ opacity: 1 } );

---

真希望有人有主意！也可以随意查看整把小提琴：

动画完成后，移除marginTop：

$('.trigger').click(function () {
    $(".galleryarea").animate({
        marginTop: '240px' // Changed from 200 to 240 as 200 wasn't quite far enough
    }, 1500, function() {
        $(this).css('marginTop', 0) // <-- important piece
    });
    $('.dark').removeClass('dark');

    $("#moreinfo").removeClass("hidden", 1500, "easeInBack");
     $("#moreinfo").animate({ opacity: 1 } );

$（'.trigger'）。单击（函数（）{
$（“.galleryarea”）.animate({
marginTop:'240px'//从200更改为240，因为200不够远
}，1500，函数（）{
$（this.css（'marginTop'，0）//