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

アコーディオン

ページを移動しても開閉状態を記憶するアコーディオンの作り方

セレクトボックス

ページを移動・再読み込みしても選択状態を保持するセレクトボックスの作り方

タブ切り替え

ページを移動しても開閉状態を記憶するタブ切り替えの作り方

チェックボックス

ページを離れても再読み込みしても選択状態を保持するチェックボックスの作り方

テキストボックス

誤ってページを移動・再読み込みしても入力内容が消えないテキストボックスの作り方

トグルスイッチ

ページを移動してもON/OFFを記憶するトグルスイッチの作り方

ドロップダウンメニュー

ページを移動しても開閉状態を記憶するドロップダウンメニューの作り方

ドロワーメニュー

ページを移動しても開閉状態を記憶するドロワーメニューの作り方

ヘッダー

選択中のメニューに下線が付くヘッダーを作る方法

モーダルウインドウ

ページを移動しても開閉状態を記憶するモーダルウインドウの作り方
初回アクセス時のみ表示するモーダルウインドウの作り方

ラジオボタン

ページを移動しても選択状態を記憶するラジオボタンの作り方