CSS でアコーディオン メニューをシミュレートしようとしています。
さまざまな理由で JavaScript を使用できないため、CSS のみを使用します。
ボタンのクリックでdivを表示/非表示にする簡単なコードはありますか
純粋な CSS アコーディオンを探している場合は、この記事とデモが役立つかもしれません...
https://catalin.red/dist/uploads/2011/05/css3-accordion.html
CSS3 でできると思いますが、すべてのブラウザがアニメーションをサポートしているわけではありません。これは、Javascript がないと明示的に述べている、私が見つけた最高のものです。
http://featofdesign.com/stephen/2011/06/16/css3-simple-slideout-accordion-menu/
JavaScript なしで実際のアコーディオンのように動作させることはできないと思います。
あなたができる最善のことは、すべてのメニューオプションを折りたたんでホバーすると展開することですが、ホバーアウトするとすぐにメニューオプションが再び折りたたまれます.