將追加元素的位置恢復到以前的位置

Question

我被困在了一些我寫的jQuery上。看看下面的內容並探索this full JSFiddle進行測試。

我試圖在點擊時將文本附加到span標記。該代碼將下一個paragraph拉到類別.content進入跨度，並打開它有點像手風琴。

這可以工作，但不是兩次，因爲我的代碼不會將附加元素的位置恢復到它來自的位置，因此代碼可以再次運行。我試圖通過使用.appendto()和.parents()來做到這一點，就我而言，這應該工作。如果任何人都可以告訴我我哪裏出錯了，那會很棒！

$(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

噢，我happend已經解決了它這樣做的：

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

我遇到了一些寶貴的學習上.append