HTMLについてです。 サマリーを作りましたが、選択したタブが全て開きます。 そのため選択した一つしか開けない様にしたいです。 言葉足らずですみません。 コードをお願いします。
HTMLについてです。 サマリーを作りましたが、選択したタブが全て開きます。 そのため選択した一つしか開けない様にしたいです。 言葉足らずですみません。 コードをお願いします。
ベストアンサー
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13308613908
「サマリー」って、details/summary 要素の summary のことでしたら、details 要素に同一の name 属性を付けるとグループ化され、グループ化された中では最も新しく開かれたもの以外は自動的に閉じるようになります。 ● CSS nav.menu {width: 1000px; margin: 20px auto; display: flex; justify-content: space-evenly;} details.test {list-style-type: none; width: 300px;} .test > summary {list-style-type: none; text-align: center; padding: 5px; background-color: beige; border-radius: 10px;} ● HTML <nav class="menu"> <details name="group" class="test"> <summary>タブ１</summary> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> </details> <details name="group" class="test"> <summary>タブ２</summary> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> </details> <details name="group" class="test"> <summary>タブ３</summary> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> </details> </nav>
この回答はいかがでしたか？ リアクションしてみよう
その他の回答（1件）
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13308613908
