我写的一个菜单里出现一个问题,点击菜单1之后打开了菜单1,点击菜单2之后菜单1没隐藏,该怎么改
<div class="headmenu1">
<span><a href="#" class="show">我的收藏</a></span>
<ul style="display: none;">
<li>
<a href="#">收藏列表</a>
</li>
<li>
<a href="#">我的订单</a>
</li>
</ul>
</div>
<div class="headmenu2">
<span><a href="#" class="show">客户服务</a></span>
<ul style="display: none;">
<li>
<a href="#">帮助中心</a>
</li>
<li>
<a href="#">售后服务</a>
</li>
<li>
<a href="#">在线客服</a>
</li>
<li>
<a href="#">投诉中心</a>
</li>
<li>
<a href="#">客服邮箱</a>
</li>
</ul>
</div>
<script>
$(document).ready( function() {
$("a.show").toggle( function() {
$(this).parent().next("ul").toggle('fast');
}, function() {
$(this).parent().next("ul").hide('slow');*/
});
});
</script>