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

rootMarginを使い、任意の位置で処理を実行する方法について見ていきます。

targetの監視を止めるために、unobserveメソッドを使っていきます。

監視対象となる要素を増やすためにコードを改変していきます。

entriesの挙動を確認したのちに、監視対象となるすべての要素に処理を設定していきます。

完成版の動作を確認したあとに、ひな形となるファイルを作っていきます。

まずはdetailsタグを使ってアコーディオンUIをマークアップしていく方法を見ていきます。

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

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

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

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

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