ドラクエ攻略FAQ(https://www.dqfaq.com/)のデザインをBootstrapを使って更新しようとしています。

せっかく新しくするのだからBootstrap4をもとに作成しているのですが、そのバージョンではjQuery3系が利用されています。そして、jQuery3ではfadeInとfadeOutが効かず、使えなくなっていることに気づきました、今更ながら。

ということで、なんとか「fadeInとfadeOutが使えなくなった」問題に対処しようと思い、はじめはjavascriptでfadeIn/fadeOutを実装してもいいかな、と考えたのですが、そういう見た目部分はCSSが、特にCSS3でできたよなぁと思い、いろいろ探してみたところ、以下のページですでにばっちり実験されていました。
【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】
20180815.png


うん、もうこれでいい。というか、最強なんだからこれがいい。
ありがとうございます。大変役立ちました。