需要帮助与jQuery隐藏Div

我有一个jQuery代码，当我点击一个文本的另一个div上面出现它，但div只是去的原始div顶部，但我想要的是新的div把它推下去。需要帮助与jQuery隐藏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>

感谢

来源

2009-08-05 Keiron Lowe

凯龙：你能否重新解释这个问题（标题），以便更容易理解你想要的东西？ “需要关于jQuery的帮助”没有提到你所描述的问题。谢谢。这个工作谢谢 – RuudKok 2009-08-05 11:28:36

把这两个都放在一个父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; 
}

来源

2009-08-05 11:31:11 Dykam

谢谢！ – 2009-08-05 14:20:41

你没有在你的例子中打开#outerbody的div。总之，我的建议是：

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

来源

2009-08-05 11:32:40 Thinker

下面是一个例子页：http://www.capsule.hu/help/slide_content.html - 只是换了两个div成包装股利和使用position：absolute属性对于具有相同水平尺寸...但是检查来源，它将被清除

来源

2009-08-05 14:26:32 user150283

赫：D我已经离开标签打开，并忘记刷新之前:)后遗憾... – user150283 2009-08-05 14:28:19

需要帮助与jQuery隐藏Div

回答

相关问题