单击并切换到jquery滑动到一侧

所以我有一个网站,我需要从侧面点击div滑动,从按钮点击(从左侧滑入,向右滑动) – 然后重新点击它应该再次滑出…所以它需要是隐藏在页面加载中,只有在单击按钮后才会显示。

我试图做到这一点,但我是jquery的新手,所以如果有人可以帮助我继续,我会很感激。

这是我现在有多远的小提琴。

链接: http : //jsfiddle.net/iBertel/zes8a/21/

Jquery

$('#btn').click(function() { $('#div1').slideToggle('slow', function() { }); }); 

HTML

 
Div 1

CSS

 #div1 { width:100px; height:100px; background-color:#F30; color:#FFF; text-align:center; font-size:30px; 

}

 $('#btn').click(function() { $('#div1').animate({width:'toggle'},350); }); 

http://jsfiddle.net/zes8a/39/