我对 slideDown / slideUp 有一点问题。我有一个里面有子菜单的菜单,我想要实现的是在菜单鼠标上显示子菜单,我这样做是这样的:
<script type="text/javascript">
$(document).ready(function(){
$("#menu>li>ul").hide();
$("ul#menu>li a").mouseover(function(){
$(this).next("ul").slideDown('1000');
$(this).next("ul").addClass("current_submenu");
});
$(".submenu>li").click(function(){
$(".current_submenu").slideUp('1000');
});
});
</script>
<ul id="menu">
<li><a class="album" id="beauty-fashion" href="#">Beauty/Fashion</a>
<ul>
<li><a href="#">Beauty 1</a></li>
</ul>
</li>
<li><a class="album" id="covers" href="#">Covers</a></li>
<li><a class="album" id="editorial" href="#">Editorial</a></li>
<li><a class="album" id="advertising" href="#">Advertising</a></li>
<li><a class="album" id="fx" href="#">FX</a></li>
<li><a class="album" id="portraits" href="#">Portraits</a></li>
<li><a class="album" id="taly" href="#">Taly</a></li>
<li><a class="disabled" href="#" id="previousImage">Previous</a></li>
<li><a href="#" id="toggleAnimation">Pause</a></li>
<li><a class="disabled" href="#" id="nextImage">Next</a></li>
</ul>
子菜单向下滑动,但是当我从中进行鼠标移出时,它不会再次向上滑动。¿ 我做错了什么?
非常感谢你们的帮助!