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
Post a Comment