jQuery Scroll the over flow

I want to create a flash 开发者_开发技巧type scroll effect where on mouse over of a button the text which is overflowing in the div shows up by scrolling down.

http://uniquedl.com/3closets/about.html

the text

Fashion is omnipresent!

From offices to neighborhoods and streets to social circles. You can choose to ignore it, but it's impossible to get away from it. Constantly upping the fashion quotient is an active agenda for most and a passive one for the rest. You wish you had more time to discover novel brands, hard to obtain products and better deals. Sometimes you just wish for more….

should be scrollable on the above link.

Have you tried jScrollPane?

You need to increase the height of the div to an appropriate height, probably using the jQuery animate function.

$('#button_id').mouseover(function() {
  $('#div_id').animate({
    height: +=400,
  }, 5000, function() {
    // Animation complete.
  });
});

To determine an appropriate height, you could determine the height of the child p tags and then add a buffer, eg

var height = 0;
$('#div_id p').each(function(index){ target_height += $(this).height()});

http://api.jquery.com/animate/