GSAPでアコーディオンメニュー作成のサンプル。AlmondlabAlmondlabNotesLabsTagsProfileContactHomeGSAPでアコーディオンメニュー作成のサンプル。NotesGSAPJavaScriptjQueryJavaScriptライブラリのGSAPを使ったアコーディオンメニュー作成のサンプルです。サンプルはこちらHTMLは「div.menu」内に開閉用のボタンとリストのみを配置します。hidden;」として見えない状態にしておきます。none;」は閉じている時に、タブキー等でメニュー内の項目にフォーカスが当たらないようにしています。auto;}開閉用のボタンがクリックされたら、「open」クラスの有無により開閉を行います。