【HTML】detailsのname属性が便利!

<details>要素にname属性を与えます。同じname属性を持つ複数の<details>要素はセマンティックなグループを形成し、排他的アコーディオンとして振る舞います。つまり、<details>要素の1つを展開すると、他の展開していた要素は自動的に折りたたみます。

See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.

(Visited 6 times, 1 visits today)