How to simulate hover effect on touch devices?

Question

I have a web page with some css3 animation on hover and I would like to make it work on iPad (and any touch enabled device) when the user touch these elements.
Here\'s m

Answer 1

or you can add :hover class under css like a#man:hover{....} [same goes if you want the same effect or use diff. colors or image for the diff. results].

Answer 2

try this

$('#arm').bind('touchstart', function() {
        $(this).removeAttr('style').css('bottom','244px');
        $(this).addClass('hover_effect');
});

$('#arm').bind('touchend', function() {
        $(this).removeClass('hover_effect');
});

similarly for $('#man').