outerHeight无法在wordpress中工作

Question

我正在尝试显示/隐藏显示并隐藏它按钮，具体取决于div附加区域的高度。 removeClass，show和hide是woking但它没有识别outerHeight。无论div的高度如何，它总是显示#reveal按钮。

<script>
jQuery(document).ready(function(){
var $ = jQuery;
var height =  $('.additional-amenities').outerHeight();
if (height > 39) {
    $('#reveal').click(
    function () {
        $('.additional-amenities').removeClass('max');
        $('#reveal').hide();
$('#hideIt').show();
    });

    $('#hideIt').click(function () {
        $('.additional-amenities').addClass('max');
        $('#reveal').show();
        $('#hideIt').hide();
    });
} else {
    $('#reveal').hide();
    $('#hideIt').hide();
}

});

</script>

css for .max {max-height：40px;}

我做错了什么？