如何设置div向下滑动并用jquery向上滑动？

Question

如果news_img悬停应从上到下隐藏，则news_img显示从下到上。我试过这个。 jsfiddle

Answer 1

默认情况下，您可以隐藏#news_img：

#news_img{ 
    display: none;
}

并改为使用slideToggle()：

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

<强> Updated Fiddle

Answer 2

使用jQuery .animate()。试试这个：

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

DEMO