right side panel on hover is flickering

Hi guys i have tried what you had given to me.. but what wrong am i doing see my fiddle

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

 body {

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

when you hover over the right top button the silde keep flickering and not like the example i want on http://yahoo.tumblr.com/

Answers


Modify your mouseleave handler to not use #follow but the content panel itself.

Plus do a :animated check to ensure you don't activate mouseleave when the content panel is on its way to being fully displayed.

Demo: http://jsfiddle.net/Ej5k8/2/

Code:

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

Need Your Help

How do I upgrade Rails?

ruby-on-rails ruby

I am new to Ruby and Rails, as well as all this command line melarky. So please bear with me.