Изменение положения панелей div

Question

у меня 3 панели: 1 - 2 - 3Эффект, который я хочу получить, состоит в том, что три панели движутся вперед.

• Сначала я скрываю панель номер один (fadeOut)
• Во-вторых, я изменяю идентификатор панели номер 21, номер панели 3 - 2, затем я изменяю номер панели 1 (скрытый) на 3.
• Наконец, я установил постепенное увеличение для номера панели 3 (старый идентификатор - номер 1)

Я не знаю, где я поступил неправильно, потому что когда я пытался бежать, эффект состоит в том, что панель 1 исчезает, а затем снова появляется в той же позиции.P / S: есть ли плагин в jquery может это сделать?Спасибо

Answer 1

Я бы попробовал метод, который не включает изменение идентификаторов div. Хорошей практикой является сохранение идентификатора, уникального для этого div. Вместо того, чтобы изменять идентификаторы, вы можете использовать класс для всех трех из них и получить jQuery для затухания первого экземпляра этого класса, а затем использовать функцию insertAfter() для вставки этого элемента после последнего экземпляра этого класса.

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