How to centralize a div using JQuery?

I have an OrgChart control populates in the following form:

I have in each node Expand and Collapse functionality, I wonder if you could help me with the steps to implement centeralization for the nods after expand or collapse them.

I would like to drag the horizontal scroll to centralize the expanded item and drag the vertical scroll to make the expanded item on the top. like the following image:

Note: I'm appreciate if I 开发者_JS百科could do that with animation.

Any help!

The ScrollTo plugin by Ariel Flesler should handle this perfectly.

http://flesler.blogspot.com/2007/10/jqueryscrollto.html