Bootstrap で折りたたみ機能を使用しようとしていますが、ほとんどの場合は機能しています。私は本質的に一種のアコーディオンを作成していますが、一度に 1 つのパネルだけを表示したいという点で、アコーディオンのようには見えません。ただし、Bootstrap のアコーディオン機能は使用していません。これは、私がやりたくない Panel の使用に依存しているように見えるためです。
したがって、ほぼ機能するようになったので、唯一の問題は、1 つの div を展開してから「ヘッダー」(別の div) をクリックして別の div を開くと、元の div も展開されたままになることでした。それらは相互に排他的ではありませんでした。「ヘッダー」divがクリックされたときに呼び出される行をjQueryスクリプトに追加することで、これは簡単に修正できると思いました。これにより、クリックされた「ヘッダー」に関連付けられたパネルを展開する前に、すべての折りたたみ可能なパネルが非表示になりますが、理由がわかりませんその行を追加すると、最初の「ヘッダー」がクリックされたときにすべての折りたたみ可能なパネルが展開されます。ただし、その最初のクリックの後、すべてが正常に機能します。私は困惑しています！
ここで問題を示すフィドルを作成しました。