How to run an animaiton once template DOM is ready?

I want to run an animation on a template block, within the onRendered function, after the DOM for the template is ready - how best to do this?

which type of animation you want to run?
give more idea of your problem

Fade In when the template is rendered, Slide Up when the template is removed from DOM.

In template consider one div give class <div class="fadein">.....</div>
Template.templatename.onRendered(function (){ $(.fadein)..fadeIn() });
And Template.templatename.onDestroyed(function (){ $(.fadein).slideUp() })

Please add meteor add jquery

ok, no need for UI Hooks then?

I believe onDestroyed fires after the DOM is already done?

There are several GitHub issues about this. Here is one