JQuery, how to make page scroll when div slides down so you can see it
<p>I have some jquery code which opens hidden divs on my page from a dynamic list of data, the trouble is if you click a row from low down on the page it opens the div below the bottom of the page and you have to scroll down to see it, is there a way to set some sort of anchor or get jqyer to scroll to bottom of div when it opens so the user can see it?</p>

<p>here is my code:</p>

<pre><code>//CHECK IF ROW IS VISIABLE
if (!$('#'+rowid).is(':visible')) {
//HIDE ANY OPEN ROWS
$("#tableToggle tr.toggleable").fadeOut('fast', function() { });
//DO SLIDE LOAD FUNCTION
$('#'+rowid).slideDown('slow', function() { });
$("#einfo"+rowid).load(url, function(response, status, xhr) {
if (status == "success") { $("#loader"+rowid).hide(); $('#einfo'+rowid).slideDown('slow'); } });
//HIDE ALL TOGGLEABLE ROWS
}else { $("#tableToggle tr.toggleable").fadeOut('fast', function() { });}
</code></pre>

<p>Thanks for looking, hope you can help</p>
