如何設置div向下滑動並向上滑動jQuery？

Question

如果news_img懸停應該從上到下隱藏其他news_img顯示從下到上。我試過這個。 jsfiddle

Answer 1

使用jQuery .animate()。試試這個：

$(document).ready(function() { 
    $("#news").hover(function(){ 
     $('#news_img').animate({ 
      height: 'toggle' 
      }, 290, function() { 
     }); 
    });  
}); 

DEMO

Answer 2

您可以通過默認隱藏#news_img：

#news_img{ 
    display: none; 
} 

，並使用slideToggle()代替：

$(document).ready(function() { 
    $("#news").hover(function(){ 
     $("#news_img").slideToggle(); 
    }); 
}); 

Updated Fiddle