菜单点击事件实例代码

监听的事件具体，这样不会联动

<ul>
   <li class="two">
   <a><h3>啦啦啦</h3></a>
       <ul class="three">
         <li class="five">啦啦啦</li>
         <li class="five">啦啦啦</li>
         <li class="five">啦啦啦</li>
       </ul>
   </li>
   <li class="two">
     <a><h3>哦哦哦</h3></a>
     <ul class="three">
         <li class="five">啦啦啦</li>
         <li class="five">啦啦啦</li>
         <li class="five">啦啦啦</li>
       </ul>
   </li>
 </ul>

<style>
   li {
     list-style: none;
   }
   .active {
       color: blue;
   }
   .activee {
       color: red;
   }
   .three {
     display: none;
   }
 </style>

主要代码内容

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

<script>
   $('.two>a').click(function () {
       $(this).parent().addClass('active').siblings().removeClass('active');

       var three = $(this).parent().find('ul');
       if (three.css('display') == 'none') {
         three.show();
       }else {
         three.hide();
       }
   });

$('.five').click(function (){
    $(this).addClass('activee').siblings().removeClass('activee');
  })
 </script>

以上就是菜单点击事件实例代码的详细内容，更多请关注php中文网其它相关文章！