Javascript 可折叠div（例如，使用淡出（）。是什么决定了下面的内容向上移动，还是上面的内容向下移动以填充空间？

好的，我有一些使用fadeout（）函数的可折叠div。像这样：

var clicks = 1;
function clickme(x) {
    $(x).fadeOut();

    if(clicks == 4) {
        var pos = 4;
        var rand = Math.floor((Math.random() * pos) + 1);
       var button = ' <a href="javascript:void(0);" class="btn btn-primary btn-lg" onClick = \'document.getElementById("holder").style.display="block"\'>--></a>';
        $("#pos" + rand).html(button);
    }
    clicks++;
}

var=1；
函数clickme（x）{
$（x）.fadeOut（）；
如果（单击==4）{
var-pos=4；
var rand=数学地板（（数学随机（）*pos）+1）；
var按钮=“”；
$（“#pos”+rand）.html（按钮）；
}
点击++；
}

我的问题是如何让可折叠div上方的内容向下移动，而不是让下方的内容向上移动以替换折叠的div区域

---

谢谢。

我没听清你的问题？你想用其他东西替换褪色的元素还是什么？？？元素淡出后，显示设置为“无”，这样就不会占用页面空间。您可以改为设置

opacity

动画以保留空间，但为什么您希望下面的其他元素向下移动？我希望div向下折叠，以便div上方的内容向下移动以填充其位置。与JSFIDLE不同，JSFIDLE中的内容向上移动以填补空白。