jQuery animate doing same easing effect for any value

Question

I want to do a simple animation with jquery, but it keeps doing the same easing effect, i cant change it.

item.animate({
    width: "500px"
},500,"easeInSine");

My code is this simple. When i trigger it it just starts out slow and fast jumps to end. I downloaded jquery ui library again, double checked that all features are selected.

I tried 5-6 efects, for every one i get the same result. Even for linear — Kobulniczky Csongor, Aug 08 '13 at 18:03

Vaibs_Cool · Answer 1 · 2013-08-08T18:12:22.357

1

$( "#mDiv" ).click(function(){
$('#myDiv').animate(
    { opacity: 0 }, // what we are animating
    'fast', // how fast we are animating
    'swing', // the type of easing
    function() { // the callback
        alert('done');
    });
    });

Just gave an example ..Hope it meets your needs

LIVE DEMO

Also TRY THIS

CLOSEST DEMO

edited Aug 08 '13 at 18:12

answered Aug 08 '13 at 18:06

Vaibs_Cool

6,126
5
28
61

score 0 · Answer 2 · answered Aug 08 '13 at 18:05

0

You're probably missing the jQuery UI library which contains the easing functions you're trying: http://jqueryui.com/

answered Aug 08 '13 at 18:05

Hamza Kubba

2,259
14
12

All of the libraries were selected when i downloaded jquery ui. Do i have to download something separately? – Kobulniczky Csongor Aug 08 '13 at 18:07
I.e. Try loading – Hamza Kubba Aug 08 '13 at 18:07

score 0 · Answer 3 · answered Aug 08 '13 at 18:10

0

Whell the problem was that i had transition css property on the div i wanted to animate. after removing it animate ran smoothly.

answered Aug 08 '13 at 18:10

Kobulniczky Csongor

437
4
11

jQuery animate doing same easing effect for any value

3 Answers3