>>775とか

まあ実際にコードを示さないと、どれだけシンプルに
作れるかってのがわからんのだろうな（苦笑）
と思ったねｗ

まずこっち。JavaScriptのコードは一切ない
https://jsbin.com/nozotuyaci/edit?html,css,output

これの何が良いかというと、表示非表示をする"処理"がなくて
HTMLとCSSによる"定義"のみで表しているということ

定義なので「こういう場合」は「こうなる」ことがはっきりしているので
〜してから〜するみたいな条件を織り交ぜた流れがなくなるのでバグが少なくなる

ただこのやり方には欠点があって今のCSSは親要素を参照とかできないので
HTMLの構造に制約が出る。