菜单中有一个简单的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>