悬停子菜单（jQuery）

我有一个悬停子菜单设置，几乎是100%的工作。。。。唯一的问题是，页面加载时菜单并没有隐藏。一旦你将它悬停一次，它就会正常工作，但我试图在页面加载时隐藏它。任何想法都将不胜感激

<script>

$(document).ready(function() {

$('.nav2').hide(); 
$(".nav").hover(function() {
$(this).find('.nav2').show();
}, 
function() {
$(this).find('.nav2').hide();
});

});
</script>

$（文档）.ready（函数（）{
$（'.nav2'）.hide（）；
$（“.nav”）.hover（函数（）{
$（this.find（'.nav2'）.show（）；
}, 
函数（）{
$（this.find（'.nav2'）.hide（）；
});
});

可能会在.nav2容器中添加一个“display:none”样式的属性