converting jquery easying code from ul li to table -


here have jquery easing in/out feature, , trying convert ul li table instead, didn't work me.

   $(document).ready(function(){       $('.topnav li').find('a[href]').parent().each(function() {         var li = $(this),         = li.find('a'),         div = $('<div>' + '<\/div>');          li.hover(function() {         a.stop().animate({margintop: '-135'}, 600, "easeoutback");       },       function() {         a.stop().animate({margintop: '0'}, 500, "easeoutback");       })       .append(div);     });   }); 

i'm wondering changes have make other replacing main ul class .topnav li .topnav tr td

i used html before:

 <ul class="topnav">     <li><a href="#">my link</a><div>hello</div></li>  </ul> 

then changed table this:

<table class="topnav"> <tr> <td><a href="#">my link</a><div>hello</div></td> </tr> </table> 

but far no luck. didn't work @ all. possibly there missing or wrong in changes...

any idea??

anchor default inline element, if change style display:block; animation visible.

table td {     display:block;     margin-bottom: 115px; } table td {     height:135px;     float:left;     overflow:hidden; } 

jsfiddle / another alternative


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -