jquery div slider with animation

by nickadeemus2002

HTML

<div id="list-wrapper">
<ul id='parent'>
  <li>first blah</li>
   <li>second blah</li>
 <li>third blah</li>
 <li>fourth blah</li>
 <li>fifth blah</li>

</ul>
</div>

CSS

#list-wrapper{    width: 300px;
    height: 350px;
    overflow: hidden;
    padding: 4px;
    margin-bottom: 20px;
border:1px solid #585858;}
#parent li{margin:400px 20px;}

JavaScript

function goToByScroll(selector){
          // Scroll
        $('#list-wrapper').animate({
            scrollTop: $(selector).offset().top},
            30000,function(){
                  $('#list-wrapper').stop(true, true);
               //goToByScroll(selector);
                              }
           );
        
    }
    $("#parent").append("<li id='nthItem'>last blah</li>");
    goToByScroll("#nthItem");