jquery - Textillate-effect と組み合わせると、すべての順序付けられていないリスト項目が表示されます

Question

Textillate を使用して、順序付けられていないリストに効果を適用しています。

これはこれまでのところうまく機能します。残念ながら、< ul > - 要素内でハイパーリンクを組み合わせると、効果の開始時に順序付けられていないリストのすべての < li > が表示されます。

簡単な jsfiddle を作成しました: http://jsfiddle.net/deschroe/9hskE/

なぜそれが最初の行で一緒に盛り上がっているのか、誰かが考えていますか? 目標は、一度に 1 つずつ表示することです。

コードも次のとおりです。

<div id="white_box">
  <div class="container white">
    <div class="row">
      <div class="span12">
        <h1>Recent works:</h1>
        <h2 class="tlt">
          <ul class="texts">
            <li><a href="#">1 Link</a></li>
            <li><a href="#">2 Link</a></li>
            <li><a href="#">3 Link</a></li>
          </ul>
        </h2>
      </div>
    </div>
  </div>
</div>

そしてCSS：

#white_box {
    width: 100%;
    height: 100px;
    bottom: 0;
    background-color:#FFF;} 

.container.white {
    background-color:#fff;} 

.container.white h1 {
    font-family: "pragmatica-web", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.040em;
    margin-top: 25px;
    color:#515050;
    text-align:left;
    position:relative;
    display:inline-block;
}
.container.white h2 {
    font-family: "pragmatica-web", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.040em;
    margin-top: 25px;
    color:#328ff5;
    text-align:left;
    position:relative;
    display:inline-block;   
}