<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>toggle</title> <script src="js/jquery-3.1.0.min.js"></script> <style> *{margin: 0;padding: 0} .nav1>li>ul{ display: none} .nav1>li{color: red} .nav1>li>ul>li{color: black!important;} </style> </head> <body> <ul class="nav1"> <li>aaaaa <ul> <li>aa22</li> <li>aa22</li> <li>aa22</li> <li>aa22</li> </ul> </li> <li>bbbbb <ul> <li>bb22</li> <li>bb22</li> <li>bb22</li> <li>bb22</li> </ul> </li> <li>cccc <ul>
jq点击显示隐藏下拉菜单
最新推荐文章于 2024-07-30 09:59:07 发布
这篇博客展示了如何使用jQuery实现导航菜单中点击列表项时显示或隐藏子级下拉菜单的功能。通过CSS隐藏初始下拉菜单,然后用jQuery监听点击事件,动态改变子菜单的显示状态。
摘要由CSDN通过智能技术生成