JQuery：如何动态重新排列div

Question

我是JQuery的新手，我正在创建一个网站，人们可以点击其中一个链接，然后会弹出一个div，提供有关该链接的信息。代码当前隐藏了页面开头的所有div，并使用slideToggle（）在单击它们时单独显示它。唯一的问题是：它们在HTML文档中是有序的。我想要你点击任何一个链接，它会移动所有正在显示的div，向下移动以腾出最新的div。

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

关于如何做到这一点的任何想法？我尝试使用prepend（）和insert（），但无济于事。

谢谢，德里克。

Answer 1

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

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