開閉
開閉に関連するサンプルコードをカテゴリー別にまとめています。

アコーディオン

立体的に開くアコーディオンを作る方法
3D回転しながら開閉するアコーディオンを作る方法
スッとスライドして開閉するアコーディオンの作り方
ボタンクリックで指定したアコーディオンを開く方法
ボタンクリックで全て開く・閉じるアコーディオンの作り方
アコーディオンを上下左右に開く方法

トースト

外側クリックで閉じられるトーストの作り方
ESCキーで閉じられるトーストの作り方
×ボタンで閉じられるトーストの作り方
閉じるボタンで閉じられるトーストの作り方

ドロップダウンメニュー

閉じるボタンで閉じられるドロップダウンメニューの作り方
×ボタンで閉じられるドロップダウンメニューの作り方
ESCキーで閉じられるドロップダウンメニューを作る方法
外側クリックで閉じられるドロップダウンメニューを作る方法

ドロワーメニュー

閉じるボタンで閉じられるドロワーメニューの作り方
外側クリックで閉じられるドロワーメニューの作り方
×ボタンで閉じられるドロワーメニューの作り方
ESCキーで閉じられるドロワーメニューの作り方
ハンバーガーボタンからドロワーメニューを開く方法

ヘッダー

ドロップダウンメニュー付きヘッダーを作る方法

ボタン

ハンバーガーボタンからドロワーメニューを開く方法

ポップオーバー

閉じるボタンで閉じられるポップオーバーの作り方
×ボタンで閉じられるポップオーバーの作り方
ESCキーで閉じられるポップオーバーの作り方
外側クリックで閉じられるポップオーバーの作り方

モーダルウインドウ

閉じるボタンで閉じられるモーダルウインドウの作り方
外側クリックで閉じられるモーダルウインドウの作り方
ESCキーで閉じられるモーダルウインドウの作り方

通知

ESCキーでお知らせバーを閉じる方法
×ボタンで閉じられるお知らせバーを表示する方法
閉じるボタンでお知らせバーを閉じる方法