div 패널의 위치 변경

Question

3 개의 패널이 있습니다. 1 - 2 - 3
3 개의 패널이 앞으로 나아갈 것입니다.

• 우선 제가 패널 번호 온 (페이드)
• 둘째 숨기 I 패널 번호 2~1, 패널 번호 (3) (2)의 ID를 변경 한 다음 I 패널 번호 1 (숨김) 3으로 변경 .
• 마지막으로, 난 내가 잘못했는지 어디를 실행하려고 할 때, 그 효과는 해당 패널 1 페이드 아웃 후이기 때문에 잘 모릅니다

(기존 ID가 숫자 1) 패널 번호 3 페이드 설정이 동일한 위치에서 다시 페이드 인합니다.
P/S : jquery의 플러그인이 있습니까?
감사합니다.

Answer 1

div ID를 변경하지 않아도되는 방법을 시도해 보겠습니다. ID를 해당 div에 고유하게 유지하는 것이 좋습니다. ID를 변경하는 대신 클래스 3 개 모두에 클래스를 사용할 수 있으며 jQuery에서 해당 클래스의 첫 번째 인스턴스를 페이드 아웃 한 다음 insertAfter() 함수를 사용하여 해당 클래스의 마지막 인스턴스 다음에이 요소를 삽입 할 수 있습니다.

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