Question

This piece of code works in Firefox and IE:

$('input').click(function() {       
    $(group).animate({
        'width' : 'show'
    }, 2000, "easeInOutCirc");

});

However, in webkit browsers (Chrome and Safari), it doesn’t. But if I use $(group).show();, it works in all browsers.

What could be the problem?

Answer 1

I found the solution to my question. For some reason, I needed to set the css property in jQuery instead of just hiding $(group) via .hide(). So what I did was to put this line of code at the beginning:

$(group).css("display","none");

instead of

$(group).hide();

Now it works. Anyway, thanks for the input!