CODEWITHSUNDEEP
jquerycssjquery-uijquery-effectseasing
Harry
Harry

Reputation: 54949

Apply easing on jquery ui show?

I'm trying to apply easing on a jquery ui show effect. Ideally the api would look something like this:

$(this).show('scale', {
  duration: 1000,
  easing: 'easeOutBounce', 
});

Currently the element is at display:none. I need to show it with the scaling effect and have an easing.

Do I have to separate the commands or is there something like this that would work?

Thanks.

Upvotes: 6

Views: 10103

Answers (3)

Charlie Stelling
Charlie Stelling

Reputation: 1

Check firebug, when using code example it adds some hidden characters:

            jQuery('#search-container .fa-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​
            jQuery('#homepage-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​

Upvotes: -1

Dips
Dips

Reputation: 3290

You need to remove comma (,) after easeOutBounce then it should work

$(this).show('scale', {
  duration: 1000,
  easing: 'easeOutBounce' 
});

Upvotes: 4

msmafra
msmafra

Reputation: 1714

I've tested it on jsfiddle and works:

$('.div1').show('scale', {
  duration: 1000,
  easing: 'easeOutBounce', 
});​

http://jsfiddle.net/tenshimsm/AUM6d/1/

Upvotes: 11

Related Questions