I have a div with a scroll bar.  It contains various child divs, and when the user sees them, they are in vertical order.  So he can scroll to whatever child div he wants to.  Then he can click on an arrow, and the entire child div expands to reveal a lot of text.

This all works.

But I'd also like to make the child div scroll up to the top of the parent div.  Otherwise, it could happen that the user clicks on a child div that is near the bottom of the screen, and it expands,  but most of the content is below the screen, which means he has to use the browser's own scrollbar to see the rest.

I know that javascript has a 'scrollby' function, but I wouldn't know how much to scroll it, and I also want to use a jquery selector to identify the child div. 

If anyone can help, I'd much appreciate the help.

-- Gid