jquery - Jquery でアニメーション イベントのオンとオフを切り替える

Question

私は助けが必要です。ボタンをクリックしてイベントをオンにすることはできますが、同じボタンをもう一度クリックしてイベントをオフにする方法がわかりません。また、アニメーションの速度とイージングがうまくいかないようです。助言がありますか？（私はJqueryを学んでいます）

#services {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 20px;
    position: absolute;
    right: -22%;
    top: 0;
    width: 22%;
    min-height: 100%;
    box-shadow: -2px 0 5px #000000;
    -moz-box-shadow: -2px 0 5px #000000;
    -webkit-box-shadow: -2px 0 5px #000000;
    overflow: auto;
}

<script>
    $(".btn-services").on('click', function(){
        $("#services").animate({right:'0%'}, 1000, 'linear');
    }); 
</script>