A CodePen by Jereme Causing. JQuery UI Slide Panel Toggle - Jquery UI Sliding panel

index.html

<button id="switch">Toggle</button><br/>
  <div id="panel" style="height:400px;width:400px;background-image:url('http://farm4.static.flickr.com/3550/3367798587_c24c797f0f.jpg');color:white;font-weight:bold;">This is a demonstration</div>

script.js

$(document).ready(function(){
 
  $("#switch")
  .button()
  .click(function(){
   
      $("#panel").toggle("slide");
  });
});