Reputation: 5443

jQuery UI effects

How can I show a div growing from top and bottom with jqueryui effect?

I tried this code:

$('div#my').show('clip');

but it does not work.

Upvotes: 1

Answers (3)

Reputation: 41

An other way is $('div#my').animate({ height: heightOfDiv_my }, "fast");

Upvotes: 0

Reputation: 4175

You can actually use animation without jQuery UI using .show( [duration] [, easing] [, callback] ).

The code for this would be $('div#my').show('slow');

For using custom effects such as clip, I would think your code would work as expected, but if not maybe your path to your jquery UI is off?

Here is a demo of your code working as expected: http://jsfiddle.net/ysHgp/

Upvotes: 0

Reputation: 1230

Does slideUp or slideDown help you?

$('div#my').slideUp('slow');
$('div#my').slideDown('slow');

Upvotes: 2