DomUI supports the most common JQuery animation effects for nodes. Descriptions for the animations can be found in JQuery's documentation.
To animate a node use code like the following:
In this example the node will be added, and on the screen it will appear to "slide down" from where it is added.
For animations that make nodes disappear there are usually two forms: a normal form (like Animations.slideUp) and a "destroy" form (like Animations.slideUpAndDestroy). The normal form will leave the node present in the DomUI DOM, but usually with display: none. This mode does allow showing the exact same node just by setting display back to block. But in DomUI nodes that are hidden by something like slideUp are meant to be removed from the DOM. For these cases we have the Destroy variant. This variant will first render the node back to the browser including the effect, and after the render it will remove the node from the DomUI DOM. The net effect is the same as if remove() was called.
How it works internally
Since: DomUI 2.0