CODEWITHSUNDEEP
javascriptjqueryhtmlcsslag
El Danielo
El Danielo

Reputation: 780

jQuery lags during slideDown/Up

in the beginning I would to say that I've read bunch of tutorials and articles about it and nothing solves my problem. Responsive menu is lagging during the sliding down or up. It's the first time when it happens, all the time everything worked smooth and fine.

here the jQuery Code:

if ($(window).width() <= 820) {
    $('nav ul').addClass('mobile');
} else {
    $('nav ul').removeClass('mobile');
}
var hiddenContent = $( ".mobile" );
$( ".responsive" ).click(
    function( event ){
        event.preventDefault();
        if (hiddenContent.is( ":visible" )){
            hiddenContent.slideUp('fast');

        } else {
            hiddenContent.slideDown('fast');
        }
    }
);

I believe that jQuery is all right. The link to the wbsite http://kemizo.pl/en/index I've tried different jQuery scripts and fixed width to ul and li elements. It just doesn't work.

Upvotes: 0

Views: 1001

Answers (2)

Tahir Ahmed
Tahir Ahmed

Reputation: 5737

I think your style nav * { transition:all 0.3s; } in line 238 of styles.css interferes with jQuery's slideDown() (or whatever animation method) you are using. Disable it temporarily to see if the animation runs smoothly.

Upvotes: 2

Kasynych
Kasynych

Reputation: 83

Try to use CSS3 animation, or existing menu jQuery plugins

Upvotes: 0

Related Questions