在JavaScript動畫Z指數？

Question

在我的javascript中對某些div的z索引有點問題。

我已經使用Rob White動畫盒中的一些代碼來擴大邊距。除了腳本的不移動部分之外，它非常有效。

fiddle here顯示發生了什麼。

懸停的div動畫和擴大與一類top中加入的9999999

的z-index在unhover他們再次縮小，但「流行」相鄰的廣場，而不是繼續在上面後面。這個top類在非懸浮狀態下被移除，但這對動畫沒有影響。

它實際上似乎只發生在邊緣，右下角是唯一看起來很自然的一個。任何援助將是偉大的。

Answer 1

你需要它結束這樣

$(this).stop(true, true).animate({ 
       marginTop: "5px", 
       marginBottom: "5px", 
       marginLeft: "5px", 
       marginRight: "5px" 
       }, 800,function(){ 
        $(this).removeClass("top"); 
      }); 

Fiddle