我寫的一個菜單裡出現一個問題,點擊菜單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>
你並用執行隱藏其他菜單的操作,而且你的js代碼有問題,怎麼又*/在裡面?
$(document).ready(function () {
$("a.show").toggle(function () {
$('ul').not($(this).parent().next()).hide('slow');////////////
$(this).parent().next("ul").toggle('fast');
}, function () {
$(this).parent().next("ul").hide('slow');
});
});