script 부분

Toggle Menu

토글 메뉴 닫힘

토글 메뉴 열림

$(".tit .btn").click(function (e) {
    // 버튼 클릭하면 전체 메뉴를 보이게 하기 
    e.preventDefault();
    //$("#cont_nav").css("display","block");
    //$("#cont_nav").show();
    //$("#cont_nav").fadeIn();
    //$("#cont_nav").slideDown();
    //$("#cont_nav").toggle();
    //$("#cont_nav").fadeToggle();
    $("#cont_nav").slideToggle(300);
    $(this).toggleClass("on");
});

Tab Menu

	var $tab_list = $('.tab_menu');
        
		$tab_list.find('ul ul').hide();
		$tab_list.find('li.active>ul').show();

        function tabMenu(e){
            e.preventDefault();
			var $this = $(this);
            $this.next('ul').show().parent('li').addClass('active').siblings('li').removeClass('active').find('>ul').hide();
		}
		$tab_list.find('>ul>li>a').click(tabMenu).focus(tabMenu);

layer Popup

$(".layer").click(function(e){
        e.preventDefault();
        //$("#layer").show();
        //$("#layer").fadeIn();
        //$("#layer").slideDown();
        $("#layer").css("display","block");
    });
$("#layer .close").click(function(e){
    e.preventDefault();
    //$("#layer").hide();
    //$("#layer").fadeOut();
    //$("#layer").slideUp();
    $("#layer").css("display","none");
});

Slider

// slick 슬라이드 플로그인 사용 
// 배너 슬라이더 
$(".ban").slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 3,
    autoplay:true,
    autoplaySpeed:3000,
    dots:true
});

 // slick 슬라이드 플로그인 사용 
 // 갤러리
$(".gallery_img").slick({
    arrows: false,
    fade:true,
    pauseOnHover:true,
    infinite:true,
    autoplay:true,
    autoplaySpeed:3000,
    slidesToScroll:1
});
$(".play").click(function () {
    $(".gallery_img").slick("slickPlay");
});
$(".pause").click(function () {
    $(".gallery_img").slick("slickPause");
});
$(".prev").click(function () {
    $(".gallery_img").slick("slickPrev");
});
$(".next").click(function () {
    $(".gallery_img").slick("slickNext");
});