jQuery Slide Left Toggle

by Ayyappan Sakthivadivel

HTML

<div style="height: 1000px;">

  <div id="vpp-toggle-hldr">
  <div id="vpp-toggle">Toggle  
  <div id="vpp-content" style="display:none;">Content</div></div>

  </div>

</div>

CSS

#vpp-toggle-hldr{
    position:fixed; 
    top:50%;
    right:0;
    }
#vpp-toggle {
    width:50px;  
    background:green;    
    padding:10px;
    cursor: pointer;    
    }
#vpp-content {
    width:50px;  
    background:blue;    
    padding:11px;
    }

JavaScript

$("#vpp-toggle").live('click',function () {
	$("#vpp-content").toggle("slide", { direction: "right" }, 400);
})