
$(document).ready(function () {
  $('ul#iconbar li').css({width: "90px"});
  // find the elements to be eased and hook the hover event
  $('ul#iconbar li').hover(function() {  
      $(this).addClass("active").stop().animate({width: "180px"}, {duration: 150, complete: "callback"}).find("span#slidemenutext").show();
  }, function () {
       $(this).removeClass("active").stop().animate({width: "90px"}, {duration: 100, complete: "callback"}).find("span#slidemenutext").hide();
   
  });
});
