как скрыть поднав меню до наведения мыши?

Question

Я работаю с под-навигационным меню, где оно оживляет при наведении мыши.Работает отлично, за исключением того, что при начальной загрузке страницы меню показывается по умолчанию.Когда вы наводите курсор мыши вверх и вниз, он исчезает, как и ожидалось, но я не могу понять, как скрыть его при загрузке страницы, а затем заставить его появляться при наведении.

<script type="text/javascript">
function nav(){
$('.nav li').hover(function() {
     $(this).find('ul:first').stop().animate({height: '200px', opacity: '100'},    {queue:false, duration:200, easing: 'easeInSine'})
        }, function() {
     $(this).find('ul:first').stop().animate({height: '0px', opacity: '0'},    {queue:false, duration:100, easing: 'easeInCirc'}) 
      });
  };
  $(document).ready(function() {
    nav();
});
</script>

Answer 1

Добавьте класс в подменю <ul> и добавьте правило css для установки display: none; Например:

<ul class="subMenu">

и

.subMenu { display: none; }