jquery - 需要有关 jQuery Hidden Div 的帮助

Question

我有一个 jquery 代码，当我点击一段文本时，另一个 div 出现在它上面，但 div 只是在原来的 div 之上，但我想要的是新的 div 将原来的 div 向下推用它。

这是代码

HTML:

  <div id="social">Content to Show</div>  
  <div id="joinus">  <center><a id="activator" href="#">Join Us</a></center></div>
  <div id="outerbody">

CSS:

#joinus {
    background-image:url(../IMG/JoinUsBottom.png);
    width:327px;
    height:83px;
    position:absolute;
    left:755px;
    font-size:30px;
}
#social {
    background-image:url(../IMG/JoinUsTop.png);
    width:327px;
    heght:99px;
    position:absolute;
    left:755px;
    display:none;
}

jQuery 代码:

 <script type="text/javascript">
        $(function() {
            $("#activator").click(function(){
                $("#social").slideToggle("slow");
            });
        }); 
 </script>

谢谢

Answer 1

将两者放在绝对定位的父 div 中。

<div id="wrapper">
<div id="social">Content to Show</div>  
<div id="joinus">  <center><a id="activator" href="#">Join Us</a></center></div>
</div>

#joinus {
    background-image:url(../IMG/JoinUsBottom.png);
    height:83px;
    font-size:30px;
}
#social {
    background-image:url(../IMG/JoinUsTop.png);;
    height:99px;
    display:none;
}
#wrapper {
    width:327px
    left:755px;
    position:absolute;
}