実践レッスン
アコーディオンを作ろう
アコーディオンを作ろう
HTMLとCSSでアコーディオンのレイアウトを作成し、JavaScriptで開閉機能を追加します。 スタイル設定からアニメーション効果まで学びます。
目安:2時間0分
スキル一覧
<button>
<div>
<p>
カスタムデータ属性
border
background-color
width
text-align
cursor
padding
max-height
overflow
document.querySelectorAll()
配列操作/forEach
document.addEventListener()
element.getAttribute()
element.scrollHeight
element.style
document.getElementById()
if文
else節
null(javascript)
transition