Bug em menu com efeito dropdown

Bug em menu com efeito dropdown

by Angelo Rogério Rubin

HTML

<ul>
    <li>Link01</li>
    <li>Link01</li>
    <li>Link01</li>
    <li>Link01</li>
</ul>

JavaScript

$("ul.submenu").css({visibility:'hidden'});
    $("ul.submenu2").css({visibility:'hidden'});
    
    $("li.over").mouseover(function() {
        $(this).addClass("overLi");
        $(this).children("ul.submenu").css({visibility:'visible'});
        $(this).children("ul.submenu").stop().animate({opacity: 1}, 'fast');
        $(this).children("ul.submenu2").css({visibility:'visible'});
        $(this).children("ul.submenu2").stop().animate({opacity: 1}, 'fast');
      });
      
    $("li.over").mouseout(function() {
        $(this).children("ul.submenu").stop().animate({opacity: 0}, 200,function(){
            $(this).css({visibility:'hidden'});
        });
        $(this).children("ul.submenu2").stop().animate({opacity: 0}, 200,function(){
            $(this).css({visibility:'hidden'});
        });
        $(this).removeClass("overLi");
        
      });