上のdivが削除されたときに遷移する方法

Question

上のDIVが削除されたときにdivを1つ上に移動する方法を知りたいのですが... Jqueryと私はそれを使いたくない。これどうやってするの？例えば

：アッパー子供がDOMの除去されたとき

<div class='father'> 
    <div class='child'> 
    <div class='child'> 
    <div class='child'> 
    <div class='child'> 
<div> 

、他のdivは遷移アップを持っている...それは可能ですか？

Answer 1

.childクラスにtransitionを追加するだけで簡単です。上のdivをどのように削除するかによって異なります。 は、ここでは例

.child { 
 
    height: 200px; 
 
    background: #666; 
 
    border: 1px solid; 
 
    transition: 1s; 
 
} 
 
#top:hover { 
 
    height: 0; 
 
} 
 
#next { 
 
    transition: 1s; 
 
}

<div> 
 
    <div class="child" id="top">hover over this div to hide it</div> 
 
    <div class="child" id="next">this div will move up</div> 
 
</div>

です