밑에다가 마우스아웃 이나 마우스리브(leave) 했을때 hide=서브메뉴

를 없어지게하고싶은데 초보라 어떻게 더해야할지 잘모르겠어요..

<script>
    $(document).ready(function(){
        $(".cate1>a").click(function(){
            var hide = $(this).next("ul");
 
            // hide 가 화면상에 보일때는 위로 보드랍게 접고 아니면 아래로 보드랍게 펼치기
            if( hide.is(":visible") ){
                hide.slideUp();
            }else{
                hide.slideDown();
            }
        }).mouseover(function(){
            $(this).next("ul").slideDown();
            
        });
    });
</script>