jquery - 悬停时右侧面板闪烁

Question

嗨，伙计们，我已经尝试过你给我的东西..但我做错了什么 看我的 fiddle

http://jsfiddle.net/cancerian73/Ej5k8/

 body {

position: relative;
min-height: 3000px;
margin: 0;
padding: 0;
top: 0;
font-family:'proximanova-regular', sans-serif;
 }

当您将鼠标悬停在右上角按钮上时，梯形图会一直闪烁，这与我在 http://yahoo.tumblr.com/ 上想要的示例不同。

Answer 1

修改您的 mouseleave 处理程序以不使用 #follow 而是使用内容面板本身。

另外做一个 :animated 检查以确保当内容面板即将完全显示时您不会激活 mouseleave。

演示: http://jsfiddle.net/Ej5k8/2/

代码:

$("#panel-content").mouseleave(function () {
    if(!$("#panel-content").is(':animated')) {
        $("#panel-content").show();
        $("#panel-content").animate({
            width: '0px'
        }, 'fast');
    }
});