ボックスを追加してボックスを削除するための 2 つのボタンを持つ 1 つの div があるとします。
<div id="container" height=500 width=300>
</div>
<button>Add</button>
<button>Remove</button>
[追加] をクリックすると、div が幅 "200"、高さ = "200" のコンテナーに文字 "X" で "追加" されます。「追加」をもう一度クリックすると、そのすぐ上に同じサイズのボックスが追加されます。
div の「X」のいずれかをクリックすると、div が消え、その下の他の div がスライドしてそのスペースを埋めます。
削除をクリックすると、一番上のボックスが削除され、下にある他の div が上にスライドしてそのスペースを占有します。
Javascriptでこの効果を達成する方法は?