본문 바로가기
jquery

nav 반응형 소스

by 바나냥 2020. 4. 10.
 $(window).resize(function() {
        $("#header").on("mouseleave focusout", function(){
            if($(window).width() > 1024) {
                $(".h-nav .nav-down").stop().slideUp(500);
            }
        });
        if($(window).width() > 1024) {
            $("html, body").removeAttr('style');
            $(".h-menu .menu-close").hide();
            $(".h-menu .menu-open").show();
            $(".h-top").find(".search-bt").removeClass("right");
            $(".nav-2depth .nav-menu").each(function(){
                if($(this).find(".nav-3depth").length>0){
                    $(this).find(".nav-tit").find("a").show();
                    $(this).find(".nav-tit").find(".temp").remove();
                }
            });            
            $(".h-top .ic-back").hide();
        }
    });
    $(".h-menu .menu-open").on("click", function(){
        $("html, body").css({"height":"100%","overflow":"hidden"});
        $(this).hide();
        $(".h-menu .menu-close").show();
        $(".h-nav .nav-down").stop().show();
        $(".nav-2depth .nav-menu").each(function(){
            if($(this).find(".nav-3depth").length>0){
                var depth2_tit = $(this).find(".nav-tit a").text();
                $(this).find(".nav-tit").find("a").hide();
                $(this).find(".nav-tit").append('<span class="temp">' + depth2_tit +'</span>');
            }
        });
        $(".h-top").find(".search-bt").addClass("right");
        $(".h-top .ic-back").show();
    });
    $(".h-menu .menu-close").on("click", function(){
        $("html, body").removeAttr('style');
        $(this).hide();
        $(".h-menu .menu-open").show();
        $(".h-nav .nav-down").stop().hide();
        $(".nav-2depth .nav-menu").each(function(){
            if($(this).find(".nav-3depth").length>0){
                $(this).find(".nav-tit").find("a").show();
                $(this).find(".nav-tit").find(".temp").remove();
            }
        });
        $(".h-top").find(".search-bt").removeClass("right");
        $(".h-top .ic-back").hide();
    });

댓글