Question

我正在寻找（我认为？）一个jQuery脚本，我可以在其中滑动删除1 div并让1 div向上滑动，而另一个div消失。

我做了一个小画，以表明我的意思。 Click

所以我希望红色部分向上滑动并被移除，其下方的黄色条必须随之滑动但不会消失并拥抱蓝色标题栏。我希望在点击按钮时发生这种情况。

有人知道怎么做吗？

感谢。

Answer 1

您可以使用jquery为缩小高度设置动画，并在完整的处理程序中删除它：

$("button").click(function() {
 $("#reddiv").animate({height: 0}, {complete: function() {
    $(this).remove();
 }});
});

使用这个CSS：

#reddiv {
  background-color: #ff0000;
  overflow:hidden;
}

#yellowdiv {
  background-color: #ffff00;
}