Cant chain Jquery text effect plugin -

trying each texteffect run in sequence.

this jquery code run text effect on each class, 1 after other.

 <script type="text/javascript">      $(document).ready(function() {          $(".sci-fi1").texteffect(function() {              $("sci-fi2").texteffect(function () {                 $(".sci-fi3").texteffect()             });         });            });     </script> 

this div contains text want run effect on in sequence

<div id ="text">           <br />         <h2>john </h2>         <p class="sci-fi1">             software developer         </p>         <p class="sci-fi2">             web designer         </p>         <p class="sci-fi3">             computer technician        </p> </div> 

for reason first text effect runs, have missed something? can not chain plugins way i'm attempting?

there event.texteffectend noted on source page, wasn't sure how implement or if looking for.

any appreciated.

add dot here $("sci-fi2") (class selector)

also, way handle end of animation in plugin attach texteffectend listener (by jquery.on()).

javascript:

$(".sci-fi1").texteffect().on("texteffectend", function(){     $(".sci-fi2").texteffect().on("texteffectend", function(){         $(".sci-fi3").texteffect();     }); }); 

here demo.