CODEWITHSUNDEEP
replacejquery-animatetransitionslidejquery-transit
plbr
plbr

Reputation: 75

Replace jQuery slide with transition() from Transit

Found this and would love to replace .animate() with .transition() (http://ricostacruz.com/jquery.transit):

Replace jQuery slide with animate() CSS3

This does not seem to animate, but is instead finished when clicked:

el.transition({ "display": "block", "height": "show"}, 250);

Upvotes: 2

Views: 842

Answers (1)

Arthur Kovacs
Arthur Kovacs

Reputation: 1740

Your sintax is not correct, you can use transit with values like:

opacity, rotate, padding, width, height, x etc.

And what is that 'height: show' there?

Here is an example of usage:

JQ(thePanel).transition({
                opacity: 0,
                duration: 200,
                rotate: '+=3deg',
                height: theHeight,
            });

You see, also the duration is declarated inside the {}. There's a bunch of examples on http://ricostacruz.com/jquery.transit/#top

Upvotes: 1

Related Questions