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">
<a id="slick-toggle" href="#">Toggle</a>
<div id="slickbox">Test Content</div>

CSS

#slickbox { height: 300px; width: 300px; position: relative; border: solid 1px #ddd; }

JavaScript

$("a#slick-toggle").click(function() {
  var sb = $("#slickbox").stop(true, true), w = sb.is(":visible") ? sb.width(): 0;
  sb.animate({width: "toggle", height: "toggle", left: w}, 1000);
});