lIP TT lIP TT - 1 year ago 79
jQuery Question

Jquery animations works slowly

I have got this html

<div class='obuserposts'>
<div class="obdef">Order By</div>
<div class="nobdef">Number of likes</div>
<div class="nobdef">Number of comments</div>
<div class="nobdef">Upload date(newest first)</div>
<div class="nobdef">Upload date(oldest first)</div>

and this jquery

$(".obuserposts").click(function(event) {

It works but before working it delays for 1 second.

Answer Source

In your fiddle css, there are some animations for the classes obuserposts and nobdef. Deleting the following lines results in a smoother transition:

-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;

Hope it helps.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download