Jquery：向上展开div

Question

好吧，我有一个50px（高度）的div，宽度无关紧要，显示的标题也不重要。我想用jQuery的，所以当我将鼠标悬停在DIV它向上扩展到（70像素），以揭示了隐藏在标题

<div id="box"> 
<h1>Title Goes Here</h1> 
<p>this is the hidden text</p> 
</div> 

Answer 1

该段应做的伎俩：

$(function() { 
    $("#box").hover(function() { 
     $("#box").animate({'height': '70px', 'top': "-20px"}); 
    }, function() { 
     $("#box").animate({'height': '50px', 'top': "0px"}); 
    }); 
}); 

这里有一个现场演示：http://jsfiddle.net/MeBxJ/

Answer 2

$("#box").hover(function(){ 
    $("#box").css('height','70px'); 
}, function(){ 
    $("#box").css('height','50px'); 
}); 

编辑如下内容：我只是明白你怎么想只有向上拓展。如果你的设计允许的话，我只需要一个解决方案：使用position：absolute和bottom：x值。这个盒子将扩大向上