2011-05-03 22 views
0

我是JQuery的新手,我创建的网站可以点击几个链接之一,并且一个div会弹出关于该链接的信息。该代码当前隐藏了页面开始处的所有div,并在单击它们时使用slideToggle()独立显示它。唯一的问题是:它们在HTML文档中是有序的。我希望无论您点击哪个链接,都会移动显示的所有div,向下为最新的div腾出空间。JQuery:如何动态地重新排列div

例如: 用户单击Section1。第1节出现。 用户单击Section2。第1部分向下移动。第2部分显示在最上面。

如何做到这一点任何想法?我尝试使用prepend()和insert()但无济于事。

谢谢,德里克。

回答

0
$('#container').prepend('content to show'); 

prepend会将您的内容添加到开始而不是结束。

+0

要显示的内容是一个div。这是否有所作为? – Derek 2011-05-03 02:23:55

+0

nope。你可以在那里传递原始的HTML,DOM元素或jQuery包装的对象,它将全部工作。 'div','span's,'table's等 – 2011-05-03 02:36:17