jquery toggle

　　前几天想用toggle函数写一个可伸缩的div，结果写了半天啊伸缩倒是可以实现了但是却和想象中的伸缩不一样，因为自己想的是伸缩的时候直接就能够将下面的div挤下去，事实却不是这个样子，下面的div貌似和toggle函数执行体不在一层似的，有人可能会说将position设置为absolute，z-index重新设置一下就行了可是我根本就没有设置div的z-index啊，下面是源码:

　　

#div{
      height:100px;
      100px;    
} 

　　js部分:

<script type="text/javascript">
      $("#div").toggle("fast");
</script>

　看起来好像是没有问题但是就是在执行的时候出现前面所述的问题：不能将下面的div"挤"下去，自己琢磨了半天终于弄好了

   解决办法就是将#div里面的height去掉，这样子这个div没有了默认的高度，接下来继续执行toggle函数的时候没有了height没有了约束，自然而然就将下面的div位置改变了

#div{
      width：100px;  
}