첨부 된 요소의 이전 위치로의 복원 위치

Question

내가 작성한 일부 jQuery에 붙어있다. 아래에서 살펴보고 this full JSFiddle을 탐색하여 테스트하십시오.

클릭 할 때 span 태그에 텍스트를 추가하려고합니다. 이 코드는 .content 클래스와 일치하는 다음 paragraph을 스팬으로 가져오고 아코디언처럼 열립니다.

내 코드가 추가 된 요소의 위치를 ​​원래 위치로 복원하지 않아 코드가 다시 실행될 수 있으므로 두 번 작동하지 않습니다. 나는 이것을 .appendto()과 .parents()을 사용하여 시도하고 있으며 이것이 가능한지 걱정된다. 누군가 내가 잘못 가고 있다고 말할 수 있다면, 좋을 것입니다!

$(this).closest('p').after(child); 

나는 .append

에 대한 몇 가지 귀중한 학습을했다 :

$(document).ready(function() { 
    $(".button").on('click', function() { 

     var target = $(this).parent().next('.content'); 
     var child = $(this).children('.content'); 

     if ($(child).hasClass('open')) { 
      $(child).removeClass('open'); 
      $(child).appendTo().parents('p'); 
      $(child).fadeOut(200); 
     } else { 
      $(target).addClass('open'); 
      $(this).append(target); 
      $(target).fadeIn(200); 
     } 

    }); 
}); 

Answer 1

잘 아,이 일을 해결 한 것으로 무슨 일이 생긴