Question

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

<div class="socialNetworks">
          <ul>
            <li><a href="#">Configure</a></li>
            <li><a href="#">Contact</a></li>
            <li class="socialIcons"><a href="#">Follow</a></li>
          </ul>
        </div>
         <div class="socialIconsShow">
          <div class="facebook"></div>
          <div class="twitter"></div>
          <div class="linkedin"></div>
        </div>
       </div>

以下是您看到发生了什么的链接： http://www.imsmfg.com/new/test/index.php

Answer 1

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

jQuery: Mousover on a div open submenu which should stay open when mouseout

Answer 2

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

<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>

Answer 3

您可以通过重新构建标记并使用this之类的:hover选择器来完成此操作。

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

显示div悬停并留到mouseleave？

3 个答案: