JQuery:如何动态地重新排列div

JQuery:如何动态地重新排列div,jquery,Jquery,我是JQuery的新手,我正在创建一个站点,在这里可以单击几个链接中的一个,一个div将弹出一个关于该链接的信息。代码当前隐藏页面开头的所有div,并在单击它们时使用slideToggle()独立显示。唯一的问题是:它们在HTML文档中是有序的。我想这样无论你点击哪个链接,它都会移动所有正在显示的div,为最新的div腾出空间 例如: 用户单击第1节。第1节出现了。 用户单击第2节。第1节向下移动。第2部分显示在顶部 有什么办法吗?我尝试使用prepend()和insert(),但没有效果 谢谢

我是JQuery的新手,我正在创建一个站点,在这里可以单击几个链接中的一个,一个div将弹出一个关于该链接的信息。代码当前隐藏页面开头的所有div,并在单击它们时使用slideToggle()独立显示。唯一的问题是:它们在HTML文档中是有序的。我想这样无论你点击哪个链接,它都会移动所有正在显示的div,为最新的div腾出空间

例如: 用户单击第1节。第1节出现了。 用户单击第2节。第1节向下移动。第2部分显示在顶部

有什么办法吗?我尝试使用prepend()和insert(),但没有效果

谢谢,德里克

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

prepend
会将内容添加到开头而不是结尾。

否。您可以在其中传递原始HTML、DOM元素或jQuery包装的对象,所有这些都可以工作<代码>divs、
span
s、
table
s等。