改变div面板的位置

Question

我有3个面板：1 - 2 - 3 我想要的效果是三个小组正在前进。

• 首先我隐藏第一个面板（fadeOut）
• 其次，我将面板编号2的ID更改为1，面板编号3更改为2，然后将面板编号1（隐藏）更改为3.
• 最后，我为第3号面板设置了淡入（旧ID为1）

我不知道我做错了什么，因为当我尝试跑步时，效果是面板1淡出然后它再次淡入，在同一位置。
P / S：jquery中有没有插件可以做到这一点？
谢谢

Answer 1

我尝试了一种不涉及更改div ID的方法。保持ID对该div的唯一性是一种好习惯。您可以为所有3个类使用一个类，而不是更改ID，并让jQuery淡出该类的第一个实例，然后使用insertAfter()函数在该类的最后一个实例之后插入此元素

var elements = $('.myclass');
elements.first().insertAfter(elements.last());