「summary」タグで囲んだ要素をクリックすると、詳細文の表示・非表示が切り替わります。今回のサンプルコードでは「summary」タグの部分にボタンのようなスタイルをつけてクリック要素であることをわかりやすくしています。}詳細文を表示している間は、detailsに「open」という属性が付与されます。これを利用して、詳細文を表示している間、ボタンの矢印の向きを変えています。ご質問など受け付けています記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。お問い合わせクリップボードにコピーしました当サイトについて。