<div id="left_float_menu" align="left"> <ul id="nav_bar"> <li id="nav_bar1"><span>Home</span></li> <li ><span>About</span></li> <li ><span>Contact</span></li> <li><span>FAQ</span></li> <li><span>News</span></li> </ul>
jQuery(document).ready(function(){ $("#nav_bar1 li").hover( function(){ $(this).parent().parent().animate({ width: "140px" }, {queue:false, duration:"normal"} ); $(this).parent().parent().find("span").animate({opacity: "show"}, "fast"); }, function(){ $(this).parent().parent().animate({ width: "30px" }, {queue:false, duration:"normal"} ); $(this).parent().parent().find("span").animate({opacity: "hide"}, "fast"); }); });
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)