jQuery二级菜单滑入滑出效果

使用jQuery滑入滑出动画效果，实现二级下拉导航菜单的显示与隐藏

<style>
        *{
            margin: 0px;
            padding: 0px;
            font-size: 14px;
        }
        ul{
            list-style: none;
        }
        a{
            text-decoration: none;
            color: black;
        }
        #menu li{
            float: left;
            padding: 0px 15px;
            background-color:lavender;
            height: 38px;
            line-height: 38px;
            position: relative;
        }
        #menu li:hover{
            background-color: pink;
        }
        #menu li ul{
            position: absolute;
            left: 0px;
            top: 38px;
        }
        #menu li ul li{
            float: none;
            display: none;
        }
</style>

<div id="warp">
      <ul id="menu">
        <li><a href="#">网站首页</a