Jquery 在悬停状态下显示div并停留到鼠标离开？

当鼠标悬停在“.socialIcons”上时，我希望div“.socialiconshow”淡入，当我移动鼠标悬停在“.socialiconshow”上时，它们淡出。有没有办法让图标在离开后保持可见

下面是一个链接，让您了解发生了什么：

---

我相信这与我昨天的回答完全相同：

---

您可以通过重新构造标记并使用

：hover

选择器来实现

---

这不会淡入/淡出。它只会显示/隐藏。

如果您稍微更改标记，应该对其进行排序

<div class="socialNetworks">
    <ul>
        <li><a href="#">Configure</a></li>
        <li><a href="#">Contact</a></li>
        <li class="socialIcons">
            <a href="#">Follow</a>
            <!-- Jam these in here -->
            <div class="socialIconsShow">
                <div class="facebook"></div>
                <div class="twitter"></div>
                <div class="linkedin"></div>
            </div>
        </li>
    </ul>
</div>

在我在答案中提供的提琴中，您应该分别将show（）&hide（）更改为fadeIn（）&fadeOut（）。为什么不使用.mouseleave和

.mouseenter（）

以下是我目前必须使其工作的内容：$（“.socialIcons”）.mouseenter（function（）{$（.socialiconshow”）.fadeIn（'slow'）））.mouseleave（function（））{$（“.show”）.fadeOut（'slow'）；}；

<div class="socialNetworks">
    <ul>
        <li><a href="#">Configure</a></li>
        <li><a href="#">Contact</a></li>
        <li class="socialIcons">
            <a href="#">Follow</a>
            <!-- Jam these in here -->
            <div class="socialIconsShow">
                <div class="facebook"></div>
                <div class="twitter"></div>
                <div class="linkedin"></div>
            </div>
        </li>
    </ul>
</div>