jQuery .scrollHeight没有恢复

Question

我有一点困境。我有一个固定高度的元素，但是当我将鼠标悬停在它上面时，我希望它转到自动高度。我的工作几乎完美，但一个问题是，当我将光标从元素上移开时，它会保持自动高度。我希望它回到固定的高度。有人能帮忙吗？这是jQuery。

$('#navContainer').hover(function(){
    $(this).animate({
        height: $(this)[0].scrollHeight+'px'
    }, 400);
    }, function(){
    $(this).animate({
        height: 'auto'
    }, 400);
});

我还创建了整个事物的fiddle。

Answer 1

将“身高：自动”更改为80px

$('#navContainer').hover(function(){
    $(this).animate({
        height: $(this)[0].scrollHeight+'px'
    }, 400);
    }, function(){
    $(this).animate({
        height: '80px'
    }, 400);
});