Slidedown（）不使用display：none

Question

我有以下代码可以滑下我的子菜单，

$('#nav-menu > ul#nav > li').hover(function(){
    var $this = $(this);    
    $this.siblings('li').find('.subnav-hover').stop().slideUp(200 , function(){
            $this.children('.subnav-hover').stop().slideDown();   
    });
}, function(){
    $(this).children('.subnav-hover').stop().slideUp();
});

我将上述代码用于多个网站，它的工作原理非常好，但在以下网站上 - ＆gt; link here，它并不是很顺利。

如果将鼠标悬停在“缺陷”选项卡上多次，您将看到第2次或第3次子菜单未进入完整视图，因为高度计算不正确。在早期的网站中，我注意到slideDown（）遇到了属性transition的问题，或者给出了固定的height，但在这种情况下，我无法找到问题，我不知道为什么我的滑行（）不起作用。