title: continuously animate with jquery
body: <p>i have made a text animation using jquery.</p>
  
  <p>And i used "setInterval" that to starts over again for continuous animation...</p>
  
  <p>but the problem is all object animate same time and repeating......</p>
  
  <p>It has to be animate one by one ...</p>
  
  <p>how do i fix the code? plz help me~</p>
  
  <pre><code>    &lt;div class="textAnm2"&gt;
  
                      &lt;p class="txt1"&gt;11111&lt;/p&gt; 
                      &lt;p class="txt2"&gt;22222&lt;/p&gt; 
                      &lt;p class="txt3"&gt;3333&lt;/p&gt;
  
                  &lt;/div&gt;
  
  
      .textAnm2 .txt1 { position:absolute; top:340px; left:615px; font-size:13px; opacity:0; color:#142462;   }
      .textAnm2 .txt2 { position:absolute; top:230px; left:120px; font-size:13px; opacity:0; color:#142462;   }
      .textAnm2 .txt3 { position:absolute; top:280px; left:270px; font-size:13px; opacity:0; color:#142462;   }
  
  
  
      &lt;script&gt;
  
      setInterval( function() {
  
      $('.txt1').delay(500).animate({
          opacity: '1',
          top: '350px'
      }, 500, 'linear') ;
  
      $('.txt1').delay(2000).animate({
          opacity: '0' 
      }, 500, 'linear') ;
  
  
  
      $('.txt2').delay(4500).animate({
          opacity: '1'
      }, 500, 'linear') ;
  
      $('.txt2').delay(2000).animate({
          opacity: '0' 
      }, 500, 'linear') ;
  
  
  
  
      $('.txt3').delay(9000).animate({
          opacity: '1',
          top: '290px'
      }, 500, 'linear') ;
  
      $('.txt3').delay(2000).animate({
          opacity: '0' 
      }, 500, 'linear') ;
  
  }, 1000 ); 
  
      &lt;/script&gt;
  </code></pre>
  
  <p>the sample source on below.</p>
  
  <p>please help me......</p>