解决鼠标移动导航栏，下拉菜单就会消失的问题

这个太坑了特此写一篇博客记录

$(".product_guid").mouseover(function(){
        $(".first_guid").show();
    })
    $(".product_guid").mouseover(function(){
        $(".first_guid").hide();
    })

原本代码这么写，因为first_guid是product_guid的子元素，所以按理来说鼠标移动到first_guide也不算移出product_guid

但是！只要鼠标移出那个小li，还没等到鼠标移动到first_guid上下拉菜单first_guid就会消失！

用了N种方法之后终于找到了解决办法

   $(".product_guid").mouseover(function(){
        $(".first_guid").show();
    })
    $(".first_guid").mouseleave(function(){
        $(".first_guid").hide();
    })
让子菜单在移出子菜单的时候消失。。好坑