jQuery .animate ({'width': 'show'}) не работает должным образом в Chrome / Safari?

Question

Этот фрагмент кода работает в Firefox и IE:

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

});

Однако в браузерах webkit (Chrome и Safari) это не так.Но если я использую $(group).show();, он работает во всех браузерах.

В чем может быть проблема?

Answer 1

пожалуйста, измените это

'width' : 'show'

на

'width' :  'toggle'

или используйте

"opacity": "show"

Answer 2

Я нашел решение моего вопроса. По какой-то причине мне нужно было установить свойство css в jQuery вместо того, чтобы просто скрывать $(group) через .hide(). Так что я сделал, чтобы поместить эту строку кода в начале:

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

вместо

$(group).hide();

Теперь это работает. В любом случае, спасибо за вклад!