jQueryの隠しディビジョンのヘルプが必要

Question

私はjQueryコードを持っています。テキストのピースをクリックすると、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; 
} 

Answer 2

この例では#outerbodyの開始divはありません。 はとにかく、私が提案する何を、次のとおりです。http://www.capsule.hu/help/slide_content.html - ちょうどラッパーのdivに2つのdivをラップし、位置を使用します：ここで

 
<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

は例のページで同じ水平寸法で、そのために絶対的な財産を...しかし、ソースを確認すると、それは明らかになります