去评论
dz插件网

请教大佬们个问题。

镖师
2022/03/22 22:45:54
问题地址：http://www.quanqiuhao.cn/dl.html
这个导航页左侧目录点击展开后再点击不能合上，有没有大佬看看咋修改代码？
  1. <!DOCTYPE html><html><head><meta charset="utf-8"><title>全球号导航页</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link rel="stylesheet" type="text/css" href="css/page.css" /><link rel="stylesheet" ><link href="plugins/css/icons.min.css" rel="stylesheet" type="text/css" /></head><body><div class="page" id="app">        <div class="nav-left">                <div class="LogoName">                        全球号                </div>                <div class="navDiv">                        <div class="navName">主导航</div>                        <div class="nav-list">                                <ul>                                        <li class="nav-tab a_active waves-effect">                                                <a  class="li-a active" target="iframe"><i class='bx bx-home-smile'></i> 首页                                                        <span class="badge badge-pill badge-primary float-right">NEW</span>                                                </a>                                        </li>                                        <!-- <li class="nav-tab">                                                <a href="#" class="li-a"><i class='bx bx-home-smile'></i> 设备管理</a>                                        </li> -->                                        <li class="nav-tab nav-ul">                                                <a href="javascript:void[0]" class="li-a"><i class='bx bx-layer'></i> 亚洲                                                        <i class='bx bx-chevron-right' bx bx-cog'></i> 欧洲                                                        <i class='bx bx-chevron-right' bx bx-buildings'></i> 非洲                                                        <i class='bx bx-chevron-right' bx bx-edit'></i> 大洋洲                                                        <i class='bx bx-chevron-right' bx bx-edit'></i> 测试                                                        <i class='bx bx-chevron-right' bx bx-edit'></i> 大洋洲                                                        <i class='bx bx-chevron-right' .nav-tab').click(function() {                        $(this).siblings().each(function() {                                $(this).removeClass('a_active');                                // $(this).removeClass('a_active');                                $(this).find('.nav-box').css('height', '0')                                //关闭右侧箭头                                if ($(this).attr('class').indexOf('nav-ul') != -1) {                                        $(this).find('.bx-chevron-right').css('transform', 'rotateZ(0deg)')                                        $(this).find('.bx-chevron-right').css('transition', 'all .5s')                                        $(this).removeClass('nav-show')                                        // $(this).find('div').removeClass('nav-box')                                }                        })                        //当前选中                        $(this).addClass('a_active')                        $(this).find('.li-a').addClass('active')                        // 打开右侧箭头                        $(this).find('.bx-chevron-right').css('transform', 'rotateZ(90deg)')                        $(this).find('.bx-chevron-right').css('transition', 'all .5s')                        $(this).addClass('nav-show')                        // $(this).find('div').addClass('nav-box')                })                /* 二级菜单a点击事件 */                $(".li-a-a").click(function() {                        $(".li-a-a").each(function() {                                $(this).removeClass('active-li-a');                        })                        $(this).addClass('active-li-a');                })                        })        // const vue = new Vue({        //         el:'#app',        //         data:{        //         },        //         methods:{        //                 liCli(){        //                 }        //         }        // })</script></div></body></html>
进入原文参与互动