Benötigen Sie Hilfe mit jQuery Versteckte Div

Question

Ich habe einen jquery-Code, wo, wenn ich auf ein Stück Text klicken ein anderes div erscheint darüber, aber das div gehen nur über das ursprüngliche div, aber was ich will, ist für das neue div das Orignal-Div mit ihm nach unten drücken.

Dies ist der Code

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-Code:

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

Dank

Answer 1

Setzen Sie beide in ein Eltern-Div, das absolut positioniert ist.

<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; 
} 

Answer 2

Sie haben kein öffnendes div von #outerbody in Ihrem Beispiel. Wie auch immer, was ich vorschlagen, ist:

 
<div id=outer style='position:absolute'> 
    <div id=moreinfo style='position:nothing!, display:none'> bla bla bla 
    <div onclick=showmoreinfo>button</div> 
</div> 

Answer 3

Hier ist ein Beispiel Seite: http://www.capsule.hu/help/slide_content.html - nur wickeln die beiden divs in einen Wrapper div und verwenden position: absolute Eigenschaft für das mit den gleichen horizontalen Dimensionen ... aber Überprüfen Sie die Quelle und es wird klar