エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
アコーディオンを素のJavaScriptで実装してみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
アコーディオンを素のJavaScriptで実装してみた - Qiita
はじめに この記事は学習メモです。 こんな感じで書くと動くよ〜的な。 なので、もっと良い書き方とかあ... はじめに この記事は学習メモです。 こんな感じで書くと動くよ〜的な。 なので、もっと良い書き方とかあると思いますが、そんなときは優しく教えて下さい。 _|\○_オネガイシヤァァァァァス!! 実装したもの 今回実装したのは、めちゃくちゃシンプルなアコーディオンです。 オレンジの部分をクリックするとその下にテキストが展開されて、 もう一回クリックすると閉まるっていうアレです。 こんな感じ↓ コード 掻い摘んで説明していきます。 HTML <dl class="accordion"> <dt class="accordion__ttl"> <button class="accordion__btn" type="button">クリックすると...</button> </dt> <dd class="accordion__body"> <p class="accordion__txt">開いた