$(".fhnav").hover(function(){},function(){ $(".bottomline").css("width",parsefloat($(".selectednav").eq(0).width())+"px"); $(".bottomline").css("left",parsefloat($(".selectednav").eq(0)[0].offsetleft)+"px"); }) $(".nav-list li").hover(function(){ $(".bottomline").css("width",parsefloat($(this).width())+"px"); $(".bottomline").css("left",parsefloat($(this)[0].offsetleft)+"px");}); $(".nav li").on("click",function(){$(".nav li").removeclass("selectednav");$(this).addclass("selectednav");$(".bottomline").css("width",parsefloat($(this).width()+20)+"px");$(".bottomline").css("left",parsefloat($(this)[0].offsetleft)+"px");}) window.onload = function(){ $(".bottomline").css("width",parsefloat($(".selectednav").eq(0).width())+"px"); $(".bottomline").css("left",parsefloat($(".selectednav").eq(0)[0].offsetleft)+"px"); }