点击并切换时，使用jquery滑动到一侧

Question

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

我尝试制作这个，但我是jquery的新手，所以如果有人可以帮助我继续，我会很感激。

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

LINK：http://jsfiddle.net/iBertel/zes8a/21/

Jquery的：

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

HTML ：

<div id="div1">Div 1</div>
<div><a href="#" id="btn">Click</a></div>

CSS ：

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

}

Answer 1

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

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