首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery mouseenter - mouseleave的怪癖

jQuery mouseenter - mouseleave的怪癖
EN

Stack Overflow用户
提问于 2012-08-16 11:35:55
回答 1查看 533关注 0票数 0

我试图在光标进入其父元素时为该元素设置动画,并在鼠标退出该元素时可靠地反转动画-对于多级嵌套元素。我可以用CSS笨拙地做这件事(过渡不是一个选项),但我想用jQuery让它更性感;)

我正在尝试实现的一个例子是这种类型的accordion menu,但正如我所说的,使用jQuery。

到目前为止,我为相同的示例使用了tried using mouseenter and mouseleave,但似乎无法在第一次展开和收缩之后让它工作。

我怎样才能可靠而优雅地将这个隐藏/显示动画绑定到鼠标输入/鼠标离开或jQuery中类似的东西?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-16 11:45:48

这看起来很管用

http://jsfiddle.net/sechou/Rce8A/2/

代码语言:javascript
复制
$(function(){
  //bind event
  $("li.level1").mouseenter(   
    function(){
       // make sure the item would diplay
       $(this).find("ul:first").find("li.level2").show(); 
       // do "show" 
       $(this).find("ul:first").show(500);       
    });

  $("li.level1").mouseleave(
      function() {
        // do "hide" 
        $(this).find(":parent").hide(500);
      }
  );
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11980384

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档