animating vertical tab to left

<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");
});
});