隐藏二级目录

最新推荐文章于 2022-04-05 11:06:31 发布

刘利新西安

最新推荐文章于 2022-04-05 11:06:31 发布

阅读量825

点赞数

CC 4.0 BY-SA版权

分类专栏：网页

本文链接：https://blog.youkuaiyun.com/weiyanghuadi/article/details/45707653

网页专栏收录该内容

53 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的菜单系统，该系统包括二级菜单，并可通过点击按钮来显示或隐藏这些子菜单项。示例代码展示了如何利用jQuery简化DOM操作，实现简洁高效的交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<title>无标题文档</title>
<script type="text/javascript" src="http://www.188029.net/jquery150430/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $(".2ji").toggle();
  });
});
</script>
</head>

<body>
<p>aaa</p>
<ul>
  <li>小</li>
  <li>楚总
    <ul>
      <li class="2ji">二甲基
        <ul>
          <li>留下</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>狗啊中
    <ul>
      <li class="2ji">杀奔
        <ul>
          <li>no zou</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
<button class="btn1">隐藏根目录</button>
</body>