Slide Toggle Tab - LTR
HTML
<div class="wrapper">
<div id="panel"> Me</div><!-- #panel -->
<p>content</p>
</div><!-- .wrapper -->
CSS
body {margin:0;padding:0}
.wrapper {position:absolute;left:-200px;width:300px;height:400px;}
#panel {background:red;position:absolute;right:0;top:30px;width:25px;height:25px;cursor:pointer}
.wrapper > p {background:#000;color:#fff;width:200px;height:400px;}
JavaScript
var isOpen = false;
$('#panel').click(function() {
if (isOpen) {
$(this).parent().stop(true, true).animate({left: '-200'}, 'fast');
} else {
$(this).parent().stop(true, true).animate({left: '0'}, 'fast');
}
isOpen = !isOpen;
});