jQuery实现层自动展开

最新推荐文章于 2022-04-29 09:41:04 发布

iteye_16590

最新推荐文章于 2022-04-29 09:41:04 发布

阅读量167

点赞数

分类专栏： javascript 文章标签： jQuery Java ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的菜单展开效果。点击子菜单标题时，会显示对应的子菜单并隐藏其他打开的子菜单。适用于创建整洁且易于导航的网页布局。

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

要求：实现打击菜单自动张开相应的子菜单，并收起其他菜单


$(document).ready(function() {
		 	$('.sub_menu_title').each(function(i) {
					$(this).bind('click',function() {
						 $(".navigator_menu:visible").hide();
							$(this).find('.navigator_menu').show();
					});
		});

菜单:


<div class="sub_menu_title">title1
 <ul class="navigator_menu">
  <li>sub title</li>
</ul>
</div>
<div class="sub_menu_title">title1
 <ul class="navigator_menu">
  <li>sub title</li>
</ul>
</div>