jq鼠标停在div1上面，div2由下往上显示的问题

Question

不知道为什么我用slideUp()一点效果都没有，什么也不显示我要的效果是：
鼠标停在div1上面时，div2由下往上伸出显示html代码：
<script type="text/javascript">  
$(document).ready(function(){  //鼠标事件
$("#div1").hover(
  function () {
   $("#div2").slideUp("fast");
  }
);});  
</script>  
<div id="div1"></div>
<div id="div2">222</div>

Answer 1

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">  
$(document).ready(function(){  //鼠标事件
$("#div1").hover(
  function () {
   $("#div2").slideUp("fast");
  }
);});  
</script>  
<div id="div1">123</div>
<div id="div2">222</div>

Answer 2

JS代码没问题，但div1必须有内容（没有内容的话必须要设置个高度，默认的高度是0）。
<div id="div1">111</div>
<div id="div2">222</div>

Answer 3

<style>
   div{width:100px;height:80px;}
</style><div id="div1">111</div>
<div id="div2">222</div>指定高宽应该不会了