jquery - Zepto.js の「タップ」が機能しない/問題が発生する

Question

Zepto を使用して、モバイル アプリのサイド メニューを作成しています (どこでも使用されているのと同じ種類で、コンテンツを移動してサイドバー コンテンツを表示します)。

クリック イベントを使用して動作させましたが、それを Zeptos タップ イベントに移植すると問題が発生し、メニューがスライドしますが、すぐに元に戻り、その位置を保持しません。

これがフィドルと一緒のコードです

var     sidemenu_width = $('#side-menu').width(),
        hidden = true,
        header = $('header');   

    //header.css('margin-top', -list_height);       
    //$('nav').css('height', nav_height);
    $('#side-menu').css('margin-right', -sidemenu_width);


    $('#menu_toggle').on('tap',function(){
            if(hidden == true){
                $('#side-menu').animate({
                    marginRight: '0'
                }, 400, 'EaseOutQuart')

                hidden = false;
            } else {
                $('#side-menu').animate({
                    marginRight: -sidemenu_width
                }, 400, 'EaseOutQuart')

                hidden = true;
            }
        })

http://jsfiddle.net/uBwna/2/

乾杯！