タイトルで指摘されているように、私の質問は非常に単純です。JavaScriptやjQueryを使用せずに、ヘッダー（タイトル）をクリックしてそれに関連付けられたテキストを展開（および折りたたみ）できる方法はありますか？これを行うためのブラウザ互換の方法はありますか（IE 6+プルーフ）？
会議用に非常にシンプルなHTML+CSSサイトを作成しましたが、必要な場合にのみJSを使用したいと思います。ですから、もちろん、互換性のある方法で、HMTL/CSSだけに固執してそれを行うことができるかどうかを尋ねています。
私が見つけたいくつかの解決策は古いか、いくつかのブラウザバージョンと互換性がありません。
どうもありがとう、João
IE6に対応した純粋なCSSソリューション？
[死んだ残りを彼らの墓に残しなさい、彼らにマラソンを走らせようとしないでください。IE6にこのようなことをするように依頼しているとき、それがあなたがしていることです。]
IE7 / 8？
はい、1つの解決策があります（原則は私のこの古いデモで使用されているものと同じです）が、それは永続的ではなく（つまり、ページ上の他の場所をクリックすると、展開されたコンテンツが折りたたまれます）、少し動作しますIE7では奇妙です（コンテンツが拡大していることを確認するには、クリックした要素をクリックした後、その要素にカーソルを合わせる必要があります）。
IE9 +と他のブラウザ？
はい！また、永続的です。ここで使用したものと同じ原理。
JavaScript / jQueryメソッド？
はい！これを参照してください：同じデモのjQueryバージョン。
クロスブラウザでサポートされているHTMLとCSSだけで簡単なホバードロップダウンメニューを実行できます。
これは、IEの下位バージョンではサポートされていないCSSトランジションを使用したフェードまたはスライドダウンで改善できます。
しかし、クリックしてもそれほど多くはありません。