details
要素のname
属性に同じ値を指定すると、同じname
属性値のdetails
要素内で開けるものが1つだけとなり、他に開いているdetails
要素があっても自動的に閉じることから、アコーディオンのような動作となるdetails
要素にname
属性指定ありname
属性値のdetails
要素の場合、開くことができるのは1つだけ項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。
項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。
項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。
details
要素にname
属性指定なしの場合項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。
項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。
項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。
details
要素のname
属性に未対応なブラウザを考慮details
要素のname
属性に未対応なFirefoxでも動くように、JavaScript指定を加えたもの項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。項目01の内容です。
項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。項目02の内容です。
項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。項目03の内容です。