jquery - jQuery折りたたみ可能なパネルを追加

Question

jQueryを使用して、新しい折りたたみ可能なパネルを動的に追加したいと思います。一度に複数のセクションを開く必要があるため、アコーディオンだけでは不十分です。

ここのサンプルは、ボタンをクリックして新しいパネルを動的に追加したいということを除けば、まさに私が必要としているものです。

.append（）を使用して新しいタグを追加しても機能しません。ソリューションにプラグインなどが含まれているかどうかは関係ありません（ただし、「KendoUI」などのフレームワークは使用したくありません）

Answer 1

jQueryのドキュメントに示されているように：

アコーディオンでは、同時に複数のコンテンツパネルを開くことはできません。そのためには、多大な労力が必要です。複数のコンテンツパネルを開くことができるウィジェットを探している場合は、これを使用しないでください。通常、代わりに数行のjQueryを使用して、次のように記述できます。

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
      $(this).next().toggle();
      return false;
  }).next().hide();
});
Or animated:

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
      $(this).next().toggle('slow');
      return false;
  }).next().hide();
})

;