Jquery 只要光标悬停在淡入淡出项上，就显示淡入淡出项

$（文档）.ready（函数（）{
$（“.Button”）.hover（函数（）{
美元（“.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
});
});
.FadeItem{
显示：无；
}

按钮

1.1。菜单
1.2。菜单

只是稍微更改了一下HTML，效果非常好。将
ul
零件移动到具有按钮文本的内部div。所以，当你离开整个div时，只有它不可见



$（“.Button”）.hover（函数（）{
美元（“.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
});
.FadeItem{
显示：无；
}

按钮

1.1。菜单
1.2。菜单

将
.fadeItem
块放在
按钮中


$（“.Button”）.hover（函数（）{
美元（“.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
});
.FadeItem{
显示：无；
}

按钮

1.1。菜单
1.2。菜单


$（文档）.ready（函数（）{
$（“.Button”）.hover（函数（）{
$（.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.hover（函数（）{
美元（“.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
})
});
});
.FadeItem{
显示：无；
}
按钮：悬停，.FadeItem:悬停{
显示：块；
}

按钮

1.1。菜单
1.2。菜单

您还可以在悬停状态下添加ul，这样可以正常工作。
$（文档）.ready（函数（）{
$（“.Button，ul”）.hover（函数（）{
美元（“.FadeItem”）.fadeIn（“慢”）；
},
函数（）{
$（“.FadeItem”）.fadeOut（）；
});
});
按钮

1.1。菜单
1.2。菜单

you will add ul also on hover it will works.

$(document).ready(function () {
$(".Button, ul").hover(function(){
    $(".FadeItem").fadeIn("slow");
},
function(){
$(".FadeItem").fadeOut();
 });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="Button">Button
 <div class="FadeItem">

    <ul>                    
    <li>1.1. Menu </li>
    <li>1.2. Menu</li>
    </ul>

 </div> 
</div

.FadeItem {
 display: none;
}