Преобразование JQuery мыши над анимированным объектом, чтобы щелкнуть для использования с iPad

Question

Привет, я создал симпатичную небольшую скользящую панель jquery, которая отлично работает на рабочем столе, но использует события mouseover и mouseout, которые, очевидно, означают, что скрипт не будет работать должным образом на iPad или сенсорных устройствах (сказав, чтособытие mouseover работает и, похоже, переводится в щелчок на iPad, но последующее событие mouseout не работает).

Я надеюсь найти единственное решение для работы как на настольном, так и на сенсорном устройствах.- Я не против поменять события mouseover / out на событие click в целом, но всякий раз, когда я пытаюсь достичь этого, оно либо не имеет никакого эффекта, либо нарушает работу сценария.

Любая помощь будет принята с благодарностью, и многоехорошей кармы, если вы можете предложить осмысленное решение.

Я смоделировал здесь код: http://jsfiddle.net/sketch360/qgt7J/2/

Большое спасибо.

Answer 1

$(document).ready(function(){  
    $("#navigation").click(function(){ 
        if(parseInt($(this).css('marginLeft'), 10) == 0){    
             $(this).stop().animate({marginLeft:'-104'},{queue:false, duration:1000, easing: 'easeOutBack'});
        }
        else{
             $(this).stop().animate({marginLeft:'0'},{queue:false, duration:1000, easing: 'easeInOutBack'})  
        }
    });  
});

Рабочая демонстрация - http://jsfiddle.net/qgt7J/5/