<script >
$(function(){
/*
    $(".main-nav>li").hover(
        function(){
            $(".drop-down",this).slideDown()
        },
        function(){
            $(".drop-down",this).slideUp()
        }
    );
*/
/*
    $(".main-nav>li").click(function(){
        if($(".drop-down",this).is(":hidden")){
            $(".drop-down").slideUp();
            $(".drop-down",this).slideDown();
        }else{
        $(".drop-down",this).slideToggle();
        }
        
    });
*/
/*
    $(".main-nav>li").hover(
        function(){
            $(".drop-down",this).fadeIn()
        },
        function(){
            $(".drop-down",this).fadeOut()
        }
    );
*/
    $(".main-nav>li").click(function(){
        if($(".drop-down",this).is(":hidden")){
            $(".drop-down").fadeOut();
            $(".drop-down",this).fadeIn();
        }else{
        $(".drop-down",this).fadeToggle();
        }
        
    });
    $(document).mouseover(function(e){
        if($(e.target).parents(".main-nav").length==0){
            $(".drop-down").fadeOut();
            console.log("벗어났습니다.");
        }
    });
});
</script>