Links

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");
});