Jquery on ipad doesn't work

Question

This code:

$('#x').hide();
$('#y').hide();
alert($('#y').is(":visible"));
alert($('#x').is(":visible"));

when on ipad, shows two alerts which say true. How is this possible? On Chrome they show false, as they are supposed to.

Answer 1

You should use the callback parameter :

$('#x').hide(0, function() {
    alert($('#y').is(":visible"));
});

The function will be executed only when the animation is finished. Though, this is supposed to be done without any animation...

Answer 2

I think jQuery does not wait for animations to be finished before the next code is interpreted. Maybe the IPad is faster interpreting than hiding and therefore both elements are still visible.

You can check this by using window.setTimeout