JS - Не работает развернуть / свернуть

Не работает JS код в браузерах, то есть нажимаешь кнопку развернуть, а оно не реагирует. В хроме все работает как надо, но вот в остальных браузерах не хочет.

Вот код :

var halfText = $('.otra').innerHeight() / 2,
    textHeight = $('.otra').innerHeight();
$('.otra').css('height', $('.otra').innerHeight() / 2);
$('.show-hide').click(function() {
    if( $('.otra').innerHeight() == halfText ) {
        $('.otra').animate({ height: textHeight }, 500);
        $(this).text('Скрыть');
    } else {
        $('.otra').animate({ height: halfText }, 500);
        $(this).text('Показать полное описание');
    }
});