# script 부분

### Toggle Menu

![토글 메뉴 닫힘](https://810537134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MZh1fxUzW3zjggiSfv4%2F-Mbj7zmQ92eWOCDFbwR7%2F-Mbj872Z9NwZHsccR217%2Fimage.png?alt=media\&token=7d864e38-ce87-4d1e-b7bb-8505e3d18f5c)

![토글 메뉴 열림](https://810537134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MZh1fxUzW3zjggiSfv4%2F-Mbj7zmQ92eWOCDFbwR7%2F-Mbj8DM4x2Xv0iatjRi6%2Fimage.png?alt=media\&token=b4a88758-ff7d-42ab-8f54-521aab577a9e)

```javascript
$(".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

```javascript
	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

```javascript
$(".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

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

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

```