【JS+jQuery】引用jQuery控制二级菜单显示

JS部分

<script>
    $(function() {
        
        $(".zcon>.nav-box>li").mouseenter(function() {
            
            //获取当前鼠标进入的li标签的索引
            var index = $(this).index();
            
            $(this).addClass("active").siblings("li").removeClass("active");
            
            //让对应索引的盒子显示 类名控制是否显示
            $(".nav_t>ol:eq(" + index + ")").addClass("arr").siblings("ol").removeClass("arr");
        });
    });
</script>

HTML部分

<div class="nav">
		<div class="zcon">
			<ul class="nav-box" id="nav-box">
				<li class="first"><a href="#" title="123">首页</a></li>
						
				<li><a href="#" rel="dropmenu47">网站建设1</a></li>
						
				<li><a href="#">网站定制2</a></li>
						
				<li><a href="#">微信开发3</a></li>
						
				<li><a href="#">小程序定制4</a></li>
						
				<li><a href="#">APP定制5</a></li>
						
				<li><a href="#">解决方案6</a></li>
						
				<li><a href="#" rel="dropmenu16">新闻资讯7</a></li>
						
				<li><a href="#" rel="dropmenu1">案例展示8</a></li>
						
				<li><a href="#" rel="dropmenu8">关于我们9</a></li>
				 
			</ul>
		</div>
		<div class="nav_t">
		    <ol class="ver arr"></ol>
		    <ol class="ver">
				    <li><a href="#" rel="dropmenu61">营销型企业官网建设1</a></li>
						
				    <li><a href="#" rel="dropmenu62">电商型平台网站建设2</a></li>

					<li><a href="#" rel="dropmenu66">平台型企业官网建设3</a></li>
		    </ol>
            <ol class="ver"></ol>
            <ol class="ver"></ol>
            <ol class="ver"></ol>
            <ol class="ver"></ol>
            <ol class="ver"></ol>
            <ol class="ver">
					<li><a href="#">永佳动态1</a></li>
						
				    <li><a href="#">行业资讯2</a></li>
						
				    <li><a href="#">永佳见解3</a></li>
						
				    <li><a href="#">常见问题4</a></li>
			</ol>
            <ol class="ver">
					<li><a href="#">品牌型网站建设1</a></li>
						
				    <li><a href="#">高端定制网站2</a></li>
						
				    <li><a href="#">微信公众号开发3</a></li>
						
				    <li><a href="#">小程序定制4</a></li>
						
				    <li><a href="#">APP定制5</a></li>
			</ol>
            <ol class="ver">
					<li><a href="#">企业简介1</a></li>
						
				    <li><a href="#">企业文化2</a></li>
						
				    <li><a href="#">联系我们3</a></li>
			</ol>
		</div>
	</div>