Result detailsタグでFAQコンテンツっぽいやつを作るサンプルです JSも使わずCSSの力業も不要なのでコードもスッキリ見やすいですね 例によってIEでは使えないHTMLタグですが、便利には違いないですね summaryにoutline: none;を付けないとクリック時にボーダーが表示されてしまいます。 csssummary { display: block; outline: none; } summary:before {/*矢印アイコンを付与*/ display: inline-block; content: "›"; margin-right: 0.5rem; font-weight: bold; font-size: 1rem; transition: all 300ms ease; } /*答え部分が開いている場合の処理*/ details[open] summa
![detailsタグでクリックで開閉するFAQコンテンツ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)