javascript - slideDown 立即 li 并向上滑动其他 li 元素

Question

我想滑动当前ul元素下的所有li元素和slideDown li元素

$(document).ready(function(){
    $("li").slideUp();
});

$(".nav").hover(function(e){
    $(this).children("li").slideDown();
    $("li").slideUp();
    e.stopPropogation();
});

this是 fiddle

问题是它最终会向上滑动我做错了什么？

Answer 1

您需要定位所有其他导航的 LI，不包括当前导航，因此请使用not:

例如

 $(".nav").hover(function (e) {
     $(this).children("li").slideDown();
     $(".nav").not(this).find("li").slideUp();
     e.stopPropogation();
 });

JSDFiddle: http://jsfiddle.net/TrueBlueAussie/kcGZJ/46/

由于您遇到重叠 Action 的问题，通常的“修复”是停止先前的动画，这样它们至少不会链接并运行到完成:

 $(".nav").hover(function (e) {
     $(this).children("li").stop(true,true).slideDown();
     $(".nav").not(this).find("li").stop(true,true).slideUp();
     e.stopPropogation();
 });

JSFiddle: http://jsfiddle.net/TrueBlueAussie/kcGZJ/55/