我需要哪个css代码才能为我的菜单提供一个很好的dropflow？

Question

我有一个这样的菜单：

<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>

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