2013-07-18 41 views
0

我創建2個的div,第二個div打開上內側的第一個div懸停但我incresed第二div的現在的位置是加倍第一個,並且在一個盒子我這樣8 div的,所以我想,所有的第2的div打開的箱身所以我怎麼可以設置其放置在底部是開放的底部到頂部的div現在的位置意味着它做不應該越過盒體打開一個div上的特定位置與jquery

我的代碼:

<html> 
<head></head> 
<body> 
    <div class="boxes"> 
    <div class="box1"> 
     <div class="box_onhov"> 
     this div will be appear on hovering the box1 and its double in size of box1 
     </div> 
    </div> 
    <div class="box2"> 
     <div class="box_onhov"> 
     this div will be appear on hovering the box1 and its double in size of box1 
    </div> 
     . 
     . 
     . 
     . 
    <div class="box8"> 
     <div class="box_onhov"> 
     this div will be appear on hovering the box1 and its double in size of box1 
     </div> 
    </div> 
</body> 
</html> 

這些箱子被一排調整4,所以當在第一個div的div_onhov涵蓋徘徊和在它底部的股利,所以當上底部的div懸停上DIV 5意味着所以應該不能穿過主體和必須顯示底部到頂部。同爲4格不應該持續顯示它必須顯示外層div到左側內的權利。

+0

請張貼一些CSS和JS代碼。 –

回答

0

這可以幫助你只是讓你的動畫寬度或高度

$('.box1').hover(function(){ 
    $(".box_onhov").toggle(function(){ 
    $(.box_onhov).animate({height:40},200); 
    },function(){ 
    $(.box_onhov).animate({height:0},200); 
    }); 
});