需要一种简单的方法来滑动切换菜单

时间:2015-04-18 01:53:04

标签: menu toggle slide

菜单中有一个简单的slidetoggle效果,但我需要将其设置为多个slidetoggle菜单。如果我点击菜单,其他所有菜单都必须关闭。我怎样才能使它清晰简单?

$(document).ready(function () {	
	$('.menu').click(function(e) {
		$(this).next().slideToggle('slow');
	});
});
.dropdown-content{display:none;position:absolute;}
.active{display:block}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<a href="#" class="menu">menu1</a>
<div class="dropdown-content active">content1</div>
  
<a href="#" class="menu">menu2</a>
<div class="dropdown-content">content2</div>
  
<a href="#" class="menu">menu3</a>
<div class="dropdown-content">content3</div>

0 个答案:

没有答案