1. ホーム
  2. javascript

[解決済み] 複数のセクションを開いたままにしておくjQuery UIアコーディオン?

2023-01-16 16:10:35

質問

私は馬鹿かもしれませんが、jQuery UIのアコーディオンで複数のセクションを開いておくにはどうしたらいいのでしょうか? デモはすべて一度に1つしか開いていないのですが・・・。折りたたみ可能なメニュータイプのシステムを探しています。

どのように解決するのですか?

これは は、もともと の中で jQuery UI の Accordion に関するドキュメントです。 :

注意: 複数のセクションを一度に開きたい場合 一度に開きたい場合は、アコーディオンを使用しないでください。

アコーディオンは、複数のコンテンツパネルを 同時に開くことができません。 同時に開くことはできません。 手間がかかります。もし、あなたが 複数のコンテンツ・パネルを開くことができるウィジェットを探しているなら ウィジェットを探しているのなら、これは使わないでください。 これです。通常、これは 代わりに数行のjQueryで書くことができます。 このような感じです。

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

アニメでもいい。

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

"私はバカかもしれない" - ドキュメントを読まなくてもバカではありませんが、問題がある場合、通常、解決策を見つけるのが早くなります。