jquery - 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');

これが中で動きます panel3panels

Answer 2

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