SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<div id="side-nav"><a href="#">HoverMe</a></div>


<div id="HoverMe-box">HoverMe-box</div>

CSS

#HoverMe-box { border: solid 1px #ddd; display: none; width: 300px; }

JavaScript

$(function(){
  $("#side-nav a").hover(function(){
    $("#" + $(this).html() + "-box").animate({width:'toggle'},450);
  }, function() {
    $("#" + $(this).html() + "-box").animate({width:'toggle'},0);
  });
});