jQuery Slider Issue !
<p>I have This script </p>

<pre><code>&lt;div style="position:relative ;overflow:hidden ; height:195px;"&gt;
    &lt;div style="position:absolute" class="scroll"&gt;
    {foreach from=$announce_list item=a}
        &lt;div&gt;
        &lt;img src="imgsize.php?w=214&amp;h=100&amp;img=../uploads/announce/{$a.--------}.jpg"  /&gt;
        &lt;h4 dir="rtl" style="padding-top:10px; padding-bottom:5px;"&gt;{$a.------}&lt;/h4&gt;
        &lt;p dir="rtl" style="text-align:justify ;line-height:17px;"&gt;{$a.---------|truncate:"300":"..." }&lt;/p&gt;
        &lt;/div&gt;
    {/foreach}
    &lt;/div&gt;
&lt;/div&gt;
{literal}
    &lt;script&gt;
     $(function(){
      function change_announce()
      {
       console.log('asdasdasd');
       var Scroll = $('.scroll') ;
       Scroll.children('div:first').animate({marginTop:'-195px' } , 1000 , 
       function(){
        Scroll.children('div:first').appendTo(Scroll).css('marginTop' , '0px' ).fadeIn(2000); 
       }
       ); 

      }
      setInterval(change_announce , 3000) ;
     });
    &lt;/script&gt;
{/literal}
</code></pre>

<p>on this page in right pane of the site <a href="http://www.mahestan.ac.ir" rel="nofollow">www.mahestan.ac.ir</a> in this demonstration animation is not completlatly executed after second div hide next div dosen't complete animation a sudden jump occur !! :) i can't explain that very well sorry . Tank for Helping . </p>
