html
/
menu.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/iconfont.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <script src="js/jquery-1.10.2.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="menu">
            <div class="menu_tou">
                <div class="menu_tou_img1"><img src="images/tou.png"></div>
                <div class="menu_tou_font1">Admin</div>
            </div>
            <ul class="menu_nav1">
                <li class="menu_nav1_li"><i class="iconfont icon-zhuye"></i><span>控制中心</span></li>
                <li class="menu_nav1_ll">
                    <ul class="menu_nav2">
                        <li><a href="index.html" target="main_frame"><i class="iconfont icon-wode"></i><span>控制台</span></a></li>
                    </ul>
                </li>
            </ul>
            <ul class="menu_nav1">
                <li class="menu_nav1_li"><i class="iconfont icon-huiyuan1"></i><span>会员中心</span></li>
                <li class="menu_nav1_ll">
                    <ul class="menu_nav2">
                        <li><a href="会员列表.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>会员列表</span></a></li>
                        <li><a href="过期会员列表.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>待续期列表</span></a></li>
                        <li><a href="待续费列表.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>待续费列表</span></a></li>
                        <li><a href="添加会员.html" target="main_frame"><i class="iconfont icon-tianjia"></i><span>添加会员</span></a></li>
                    </ul>
                </li>
            </ul>
            <ul class="menu_nav1">
                <li class="menu_nav1_li"><i class="iconfont icon-jifen"></i><span>积分中心</span></li>
                <li class="menu_nav1_ll">
                    <ul class="menu_nav2">
                        <li><a href="积分列表.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>积分列表</span></a></li>
                    </ul>
                </li>
            </ul>
            <ul class="menu_nav1">
                <li class="menu_nav1_li"><i class="iconfont icon-caiwu"></i><span>操作中心</span></li>
                <li class="menu_nav1_ll">
                    <ul class="menu_nav2">
                        <li><a href="积分变动列表.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>积分变动列表</span></a></li>
                        <li><a href="消费记录.html" target="main_frame"><i class="iconfont icon-liebiao1"></i><span>消费记录</span></a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <script>
        $(".menu_nav1_li").click(function(){
            $(this).parents(".menu_nav1").find(".menu_nav2").slideToggle();
            $(this).parents(".menu_nav1").siblings().find(".menu_nav2").hide();
            if($(this).find('img').attr('src')=='images/xai_san.png'){
                $(this).find('img').attr('src','images/shang_san.png');
            }else{
                $(this).find('img').attr('src','images/xai_san.png');
            }
        });
    </script>
</body>
</html>