显示div悬停并保持直到mouseleave？

-1

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

<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

来源

2011-08-17 kamalo

你为什么不'使用.mouseleave'和'.mouseenter（）' – zod

这里就是我必须使它目前的工作： $（ “socialIcons。”）的mouseenter（函数（）{ \t。 $（ “socialIconsShow ”）淡入（ '慢'）\t \t }）鼠标离开（函数（）{ \t $（“ socialIconsShow。”）淡出（ '慢'）;。。。 }）; – kamalo

链接不起作用。 – Pithikos

我相信这是完全一样的那种东西我回应昨天：

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

来源

2011-08-17 15:56:22 maxedison

在提供该答案的小提琴中，您应该分别将show（）＆hide（）更改为fadeIn（）和fadeOut（）。 – maxedison

你可以做它通过重新构建您的标记并使用:hover选择器，如this。

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

来源

2011-08-17 15:57:24 Spycho

这将处理显示/隐藏的东西，但不会消失。 –

好点。我没有仔细阅读这个问题。这是一个漫长的一天... – Spycho

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

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

来源

2011-08-17 15:58:13 Marcel

我只是试过这个，它的作品就像一个魅力。 – Doug

显示div悬停并保持直到mouseleave？

回答

相关问题