CODEWITHSUNDEEP
jqueryslidedown
Dejo Dekic
Dejo Dekic

Reputation: 2126

Jquery Buggy Slide Down in Firefox?

I have simple code for Sliding Up/Down animation for my menu:

function animateMenuDropdown() {

j('ul.jnav li').hover(function() {

//Let's check if "jsub-menu" Class is here  
if( j(this).children('ul:first').hasClass('jsub-menu') ) {
    return false;//If it is ("jsub-menu" here) don't SlideDown...
}

    else {//Else slide down if no class

    j(this).find('ul.sub-menu:first').not(':visible').stop().slideDown(500);

    }

    },function() {//Unhover callback

var that = j(this);

j(this).find('ul.sub-menu:first').stop().slideUp(500,function(){

j(this).removeAttr('style');
});


});

}

It works and is sliding Up/Down as expected , but in Firefox my menu is blinking/flashing while animating when I use slideDown(). Try to hover couple of times and you will see the problem.

See Fiddle

If I use animate function instead blinking/flashing is gone in Firefox

See Fiddle

So how can I fix Flicker in Firefox when I use slideDown() in Jquery without using animate()?

Thank you!!

Upvotes: 0

Views: 218

Answers (1)

Patrick
Patrick

Reputation: 882

This can often be caused by out of date video card drivers. Updating to the latest drivers may solve the problem. I was not able to reproduce this error with your example, indicating it may simply be your computer.

Upvotes: 1

Related Questions