用Jquery滑动2 Div

Question

我的目标是制作2个div并使用按钮在它们之间滑动。我也需要关注一个主要的ID所以我的代码是：

HTML：

<button type="button" class="go">go</button>
<button type="button" class="back">back</button>

<div class="Wrapper">
    <div class="Main" id="mainID">Main Content</div>
     <div class="info">The Sympol kyes</div>
</div>

JQUERY：

$(".show").click(function(){
    $('.Main').animate({right :'-300px'},500);
    $('.info').animate({left:'0px'},500);
});

$(".back").click(function(){
    $('.info').animate({left :'-300px'},500);
    $('.Main').animate({right:'0px'},500);
});

请检查实时Example

• 问题是当我按下它的背部很慢时:(
• 以及焦点div如何使用id =“mainID”