javascript - 2 Div 关闭并删除中间的 1 div

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;
}

https://jsfiddle.net/mcgraphix/mmm1pvov/