jquery - コメントdivが折りたたまれている場合のみjQuery .hover

Question

jQuery を使い始めたばかりで、次の点について助けが必要です。

ユーザーがページの下部にいない限り、コメント ボックスは折りたたまれています。ユーザーが下にスクロールすると、コメント ボックスがコメントとともにゆっくりと表示されます。

私が今達成したいのは、コメント ボックスが折りたたまれている限り、.hover 効果を適用したいということです。したがって、ユーザーがカーソルを合わせると、div のサイズが大きくなります。

これは私がこれまでに持っているものです:

var secondary = jQuery(".comments-holder");

var magicFooter = function(){
    var scrollBottom = jQuery(window).scrollTop() + jQuery(window).height();
    var maxHeight =  jQuery("#disqus_thread").height(); 
    jQuery("#colophon").css("height", maxHeight);  
    var mediumHeight = 120;
    var minHeight = 60;

    secondary.height(maxHeight - (jQuery(document).height() - scrollBottom));

    if (secondary.height() <= minHeight) {

            secondary.css("height",minHeight);
            secondary.hover(function(){
                    jQuery(this).css("height",mediumHeight);
            },
            function(){
                jQuery(this).css("height",minHeight);
            });

        } 

}; 
magicFooter();

jQuery(window).scroll(function() {
    magicFooter();
});

.hover 効果が意図したとおりに機能しません。divがminHeightにある場合にのみ適用したい。