我试图在光标进入其父元素时为该元素设置动画,并在鼠标退出该元素时可靠地反转动画-对于多级嵌套元素。我可以用CSS笨拙地做这件事(过渡不是一个选项),但我想用jQuery让它更性感;)
我正在尝试实现的一个例子是这种类型的accordion menu,但正如我所说的,使用jQuery。
到目前为止,我为相同的示例使用了tried using mouseenter and mouseleave,但似乎无法在第一次展开和收缩之后让它工作。
我怎样才能可靠而优雅地将这个隐藏/显示动画绑定到鼠标输入/鼠标离开或jQuery中类似的东西?
发布于 2012-08-16 11:45:48
这看起来很管用
http://jsfiddle.net/sechou/Rce8A/2/
$(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);
}
);
});https://stackoverflow.com/questions/11980384
复制相似问题