Apply mitigation on jquery ui show?

Question

I am trying to apply a mitigation effect of jquery ui show. Ideally, the api would look something like this:

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

Currently the item is displayed: none. I need to show it with a scaling effect and achieve attenuation.

Do I need to separate teams or is there something similar?

Thanks.

Answer 1

I tested it on jsfiddle and worked:

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

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

Answer 2

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

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

Answer 3

Check firebug, when using the sample code, 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'});​