jQuery UI Slide

by DannyEnglander

HTML

<p>Click anywhere to toggle the box.</p>
<div id="toggle">content in the hidden slide div</div>

CSS

#toggle {
    width: 100px;
    height: 100px;
    background: #ccc;
    display: none;
    position: absolute;
    right: 0;
  }

JavaScript

$("p").click(function() {
  $( "#toggle" ).toggle( "slide" , { direction: "right" } );
});