概要
選択肢が二つあるボタンについて、スイッチ風のUI(見た目)をCSSスタイルする。※スイッチ切り替え時のJS処理も同梱。
用途・要件
- A, Bの選択肢など、トグル切り替えのボタンにスイッチ風のUIを実装する。
- スイッチの切り替え時にスムーズなアニメーションが実行される。
注意事項
- スイッチを切り替えた場合の処理は別途実装してください。
- DEMOではスイッチ切り替えでアラートが表示されるようにしています。(jQuery v.3.6.0使用)
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)