jquery - Textillate-effect displays all unordered list items when combined with <a href="#"></a> -


i using textillate apply effect on unordered list.

this works far well. unfortunately when combine hyperlinks within < ul > - element, displays < li >'s of unordered list when starting effect.

i made quick jsfiddle: http://jsfiddle.net/deschroe/9hske/

does have idea why hicks in first line? goal is, displays 1 @ time.

here's code:

<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> 

and 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;    } 


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -