用jquery实现：悬浮菜单栏，鼠标指向二级菜单的时候，一级菜单不消失

`

<style>

    * {
        padding: 0;
        margin: 0;
    }
    .body {
        height: 600px;
        width: 500px;
        border: 1px solid #00B0FF;
        margin: 50px auto;
    }

    .head {
        float:left;
        height:100px;
        width:500px;
        background: #00B0FF;
    }

    .choic {
        vertical-align: middle;
        line-height:100px;
        text-align:center;
    }

    .choic li {
        float: left;
        width: 200px;
        height: 100px;
        list-style: none;
        
    }
    .button{
        width:500px;
        height:500px;
        
    }

    .current{
        
        margin-top:110px;
    }

    .current li{
        font-size:20px;
        margin:20px 30px;

    }

    .current li a{
        text-decoration:none;
        color:black;
    }

    .current li a:hover {
        text-decoration: underline;
        color: #00B0FF;
    }

    .headcurrent{
        background:white;
    }
</style>

• 蔬菜
• 水果

• 水果拼盘如何制作
• 秋季适合吃什么水果
• 春季适合吃什么水果
• 冬季适合吃什么水果
• 夏季适合吃什么水果
• 如何制作果汁

• 哪些蔬菜富含维生素A
• 哪些蔬菜富含维生素B
• 哪些蔬菜富含维生素C
• 哪些蔬菜富含维生素D
• 水果如何保持新鲜
• 哪些蔬菜不能一起煮

<script>
    $(".choic>li").mouseover(function () {
        $(this).addClass("headcurrent").siblings().removeClass("headcurrent");
        var index = $(this).index()
        $(".bottom>ul").eq(index).show().siblings().hide();
    });
       
    
</script>

`