您好,欢迎来到测品娱乐。
搜索
您的当前位置:首页jquery利用show和hidden实现级联菜单示例代码_jquery

jquery利用show和hidden实现级联菜单示例代码_jquery

来源:测品娱乐


代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>




jqueryMenu


$(document).ready(function(){
var allMenu=$("ul > a");//找到所有主菜单
allMenu.click(function(){
var list=$(this).nextAll('li');//找到当前被点击a节点的所有li兄弟节点
list.toggle('show');
});
});



菜单一
  • 子菜单一

  • 子菜单二


  • 菜单二
  • 子菜单一

  • 子菜单二




  • Copyright © 2019- cepb.cn 版权所有 湘ICP备2022005869号-7

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务