質問: 3; setState(3); }); }; document.addEventListener("DOMContentLoaded", clickSwitch, false); ``` ``` .btn:hover { opacity: .8; } .inactive { opacity: .5; } .inactive:hover { opacity: .5; cursor: default; } /*ここで消してる*/ .boxDisplay { display: block; } .boxNone { display: none; } ``` ### 試したこと float を使ってみたのですが、 クリックされるごとにクラス名が変更されてむりでした ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答: 若干見当違いかもしれませんが、いわゆるレスポンシブレイアウトなどにしたいのであればフレームワークを使うのが早いかもしれません。 `Angular` `Vue.js` `React` `Next.js`など 学習コストと時間を考えていけそうなら使ってみて下さい。