I need to create a custom animation and I don't know exactly how to do
it using the jQuery UI effects.
The animation that I need to create looks like this:
Before After
----- a) ----------------- a)
| | | |
b) ----- | |
| |
b) -----------------
Excuse the ugly drawing but it would help to explain what I need.
Basically I have a container with a specific dimension (let's say
20x20 px) in the 'Before' phase and grows to meet the dimension in the
'After' phase (let's say 100x100 px). The container grows from corner
a) to corner b), keeping corner a) as fixed corner. If the user decide
to close the container, corner a) keep fixed while the rest moved to
the original position.
Right now I'm using the slide effect but it's not exactly what I'm
looking for:
$(my_element).show("slide", { direction: "right" }, "slow");
$(my_element).hide("slide", { direction: "right" }, "slow");
Thanks in advance for your help.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---