jqueryタブパネルを特定のdivに追加します

Question

私はすでにこの質問に対する答えがあると確信していましたが、私は運がなくて数時間見ました。

これが私の基本的なセットアップです。

<div id='container'>
  <ul id="tabs">
    <li>Tab 1</li>
    <li>Tab 2</li>
  </ul>
  <div id="panels">
    <div>panel 1</div>
    <div>panel 2</div>
  </div>
</div>

新しいタブを動的に追加するときは、「パネル1」や「パネル2」などの「パネル」Divの内部にタブを表示したいと思います。

ただし、「タブ3」（以下を参照）を動的に追加すると、パネル3 "が内部ではないパネルタブの下に追加されます。

<div id='container'>
      <ul id="tabs">
        <li>Tab 1</li>
        <li>Tab 2</li>

        <li>Tab 3</li>

      </ul>
      <div id="panels">
        <div>panel 1</div>
        <div>panel 2</div>
      </div>

      <div>panel 3</div>

    </div>

新しい「パネル3」パネルを「パネル」Divに追加するにはどうすればよいですか？

Answer 1

このような：

$('#panel3').appendTo('#panels');

この意志 動く panel3 中身 panels

Answer 2

$("#panels").append("<div> panel3</div>");