CODEWITHSUNDEEP
jqueryhtmlcss
Mark Anthony
Mark Anthony

Reputation: 127

How can I fix .slideToggle transition or animation

I used .slideToggle in my hamburger menu it works fine but the animation or transition is kinda just jump here's a link don't know what's the problem. http://markthatred.netau.net/

Upvotes: 0

Views: 234

Answers (2)

Pons Purushothaman
Pons Purushothaman

Reputation: 2261

remove this from your css

*{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

Upvotes: 2

Mohammad Usman
Mohammad Usman

Reputation: 39382

You have applied transition to all elements in your css which is not good idea and it is conflicting with jQuery .slideToggle(). Either remove it from * selector or explicitly make it none in nav selector.

nav {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

Upvotes: 1

Related Questions