CSSだけで作るドロップダウンメニュー(多階層)サンプル4
「transition」でアニメーションさせつつ、第4階層(ひ孫階層)まで対応したコードになります。一番右の「Menu5」は逆方向に折り返すようにしています。
Menu1
Child1
Grandchild1
Greatgrandchild1
Greatgrandchild2
Greatgrandchild3
Greatgrandchild4
Greatgrandchild5
Grandchild2
Grandchild3
Grandchild4
Grandchild5
Child2
Child3
Child4
Child5
Menu2
Menu3
Menu4
Menu5
Child1
Grandchild1
Greatgrandchild1
Greatgrandchild2
Greatgrandchild3
Greatgrandchild4
Greatgrandchild5
Grandchild2
Grandchild3
Grandchild4
Grandchild5
Child2
Child3
Child4
Child5