JavaScript で検索した結果 - プログラミングならドットインストール

よりスタイリングがしやすい説明リストを使ってアコーディオンUIをマークアップしていきます。

CSSを使って説明リストのスタイルを整えていきます。

疑似要素を使って「質問です」と「回答です」の先頭にQとAをつけていきます。

疑似要素を使って右端に「+」マークをつけることで、開閉できることをわかりやすくしていきます。

dt要素をクリックしたらアコーディオンUIが動作するように実装していきます。

クリックしたときに、「+」マークと内容の表示がアニメーションするようにしていきます。

ひとつの項目を開くと他の項目が閉じられるように実装していきます。

完成版を確認したのち、開発環境について確認していきます。

カルーセルで画像を表示するための領域を作ったのち、スタイリングをしていきます。

リストのタグを使ってカルーセルで使う画像を配置していきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス