Divs調整大小和覆蓋jquery

Question

我創建了一個4 div的容器。我需要在懸停div更改大小和覆蓋其他divs。

這裏演示http://jsbin.com/ecuzof/113/edit

問題：我想底部的div從底部而不是頂部從上到下就像現在成長。

可能嗎？ 感謝 G.

Answer 1

Working Example

您可以設置bottom到0，然後div的從底部動畫，同比增長。另外，請注意我已經創建了兩個事件 - 一個用於頂部d​​iv，另一個用於底部集合。

$(".riga .hoverific").hover(function() { 
    $(this).stop().animate({ 
    width: "70%", 
    height: "70%", 
    backgroundColor: "lightBlue" 
    }).css({'z-index':'3'}); 
}, function() { 
    $(this).stop().animate({ 
    width: "50%", 
    height: "50%", 
    backgroundColor: "silver" 
    }).css({'z-index':'1'}); 
}); 


$(".riga2 .hoverific").hover(function() { 
    $(this).stop().animate({ 
    width: "70%", 
    height: "70%", 
    bottom: "0%", 
    backgroundColor: "lightBlue" 
    }).css({'z-index':'3'}); 
}, function() { 
    $(this).stop().animate({ 
    width: "50%", 
    height: "50%", 
    backgroundColor: "silver" 
    }).css({'z-index':'1'}); 
});