Javascript jquery中的fadein淡出效应

我使用下面的代码来获得菜单的淡入淡出效果

目前，它正在给鼠标悬停的菜单带来淡入淡出的效果。点击下面的链接

但我的要求是，当我将鼠标移到特定菜单上时，所有其他菜单都应该获得淡入淡出效果，而不是悬停菜单（悬停菜单不应该获得任何效果）

//
身体{
背景：#222；
}
#导航菜单{
保证金：0；
填充：0；
列表样式：无；
字体系列：arial；
文本对齐：居中；
线高：60px；
}
#navMenu li{
浮动：左；
背景：url（default.jpg）无重复中心；/*默认背景图像*/
宽度：120px；/*菜单项的宽度和高度*/
高度：70像素；
左边框：1px实心#111；/*使用边框模拟像素完美*/
右边框：1px实心#333；
边框顶部：1px实心#555；
边框底部：1px实心#333；
位置：相对；/*必须将其设置为相对，因为带有绝对位置的悬停类top和left将根据li进行定位*/
}
#navMenu li a{z-index:20；/*z-index必须高于.hover类*/
显示：block；/*显示为block，并根据菜单的高度设置高度，使整个LI可点击*/
高度：70像素；
位置：相对位置；
颜色：#777；
}
#导航菜单，悬停{
背景：url（over.jpg）无重复中心；/*鼠标悬停图像*/
位置：绝对；/*必须为绝对位置*/
宽度：120px；/*宽度、高度、左侧和顶部，以填充整个LI项目*/
高度：70像素；
左：0；
排名：0；
z索引：0；/*显示在定位标记下*/
显示：无；/*默认情况下隐藏它*/
}   
#导航菜单li.selected{
背景：url（selected.jpg）无重复中心；/*所选图像*/
}

使用同级：

$(this).siblings().each(function() {
  // Code to run for each sibling.
});

请尝试此代码

$('#navMenu li').append('<div class="hover"><\/div>');
    $('#navMenu li').hover(     
        //Mouseover, fadeIn the hidden hover class  
        function() {            
             $('#navMenu li div').stop(true, true).fadeIn('1000');
            $(this).children('div').css("display", "none");    
        }, 
            //Mouseout, fadeOut the hover class
        function() {

            $('#navMenu li div').fadeOut('1000');   
    });   

$（'#navMenu li'）。附加（''）；
$（'#navMenu li'）。悬停（
//鼠标悬停，隐藏悬停类中的fadeIn
函数（）{
$（'#navMenu li div'）.stop（true，true）.fadeIn（'1000'）；
$（this.children（'div'）.css（“display”，“none”）；
}, 
//鼠标消失，消失悬停类
函数（）{
$（'#navMenu li div'）。淡出（'1000'）；
});   

我试过兄弟姐妹，但对任何菜单都没有任何效果。你能编辑我的代码吗？代码在我的问题$（'#navMenu li'）中；$（'#navMenu li'）.hover（//Mouseover，fadeIn the hidden hover class function（）{$（this）.同胞（'div'）.stop（true，true）.fadeIn（'1000'）；}，//Mouseout，fadeOut the hover class function（）{$（this）.同胞（'div'）.stop（true，true）.fadeOut（'1000'）；}）；您是否尝试过此$（“#target”）.children（）.filter（“：not（#exclude）”）.hide（）；谢谢，成功了！！还有一件事，我在这里使用css来产生效果，我们可以在代码本身中使用不透明度吗？我不理解你的问题

$('#navMenu li').append('<div class="hover"><\/div>');
    $('#navMenu li').hover(     
        //Mouseover, fadeIn the hidden hover class  
        function() {            
             $('#navMenu li div').stop(true, true).fadeIn('1000');
            $(this).children('div').css("display", "none");    
        }, 
            //Mouseout, fadeOut the hover class
        function() {

            $('#navMenu li div').fadeOut('1000');   
    });