フレームワークにドロップダウン メニューがあります。ドロップダウン メニューの部分は単純に非表示になっています。親要素にカーソルを合わせると、可視性が表示に設定されます。
ドロップダウン メニューはページの表示部分に配置されているため、フェードイン / フェードアウト効果を簡単に追加できますが、非表示になっています。
私がしたいのは、親要素をホバーすることです。表示されるだけでなく、下にスライドさせたいのです。
これを行うための最良のアプローチは何ですか？ドロップダウンを 0 の高さに設定し、その高さをアニメーション化してスライド効果を与えますか? これをjsよりもうまく行うcss3アニメーションはありますか?
メニューの html や最初に配置するベース css はかなり複雑なので、実際には変更できません。しかし、私が提案しているようなことをすることが可能かどうか疑問に思いましたか?