Html 我需要哪种css代码来为我的菜单提供一个好的dropflow？

我有这样的菜单：

<div class="menu-hori" id="myMenu">
    <ul>
        <li><a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myResponsive()">&#9776;</a></li>
        <li><a>1</a>
            <ul>
                <li><a>Sub 1</a>
                    <ul>
                        <li><a>SubSub 1</a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

一,

子1

亚子类1

---

当我单击顶部列表项中的汉堡包图标时，菜单打开。所以功能很好。虽然它看起来不好看，但我如何使用css使其平滑折叠？一个很好的流程？

你的css代码是什么？请提供一个工作示例。你到底想要实现什么？简单的过渡就够了吗？是的，过渡！但我不知道什么是可能的，我只想很好地滑下去，而不是仅仅出现