2014-03-13 48 views
0

進出口使用的前端類似於下面的代碼的東西:我怎麼能基於重複類的多個向上滑動實例

<div class="slide_toggle"> 
    <div class="slide_up"> 
     <p>Title 1</p> 
    </div> 
</div> 
<div class="slide_toggle"> 
    <div class="slide_up"> 
     <p>Title 2</p>   
    </div> 
</div> 
<div class="slide_toggle"> 
    <div class="slide_up"> 
     <p>Title 3</p>   
    </div> 
</div> 

所以基本上我的目標實現的是有「slide_up」的div向上滑動使用jQuery懸停「slide_toggle」。到目前爲止,即時通訊使用下面的jQuery這將很好地工作的一個實例,但是我想每個實例,而無需再次指不同的類來處理jQuery的獨立工作(即slide_toggle1。slide_toggle2 etcetc

$(".slide_toggle").hover(function() { 
    $(".slide_up").slideToggle("fast"); 
}); 

回答

1

只是一個小更改,使其局部的,父母是你所需要的,否則所有的.slide_up元素將滑動

$(".slide_toggle").hover(function() { 
    $(".slide_up", this).slideToggle("fast"); 
}); 
+0

得到成功的治療謝謝! – user966834

相關問題