jQuery实现层自动展开

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

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

文章标签：

#jQuery #Java #ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

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

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


$(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>