tab content slide reset, 탭메뉴 슬라이드 리셋

저번에 했었던 탭메뉴 컨텐트 영역에 슬릭 슬라이드를 추가하고,

새로운 탭을 클릭시 첫번째 슬라이드가 보이도록 리셋되게 하는 방법.

 

 

 

 

See the Pen WNoaOgx by wao816 (@hy16) on CodePen.

 

tab maenu content에 슬라이드가 들어갔을 경우

class="tab-content"는 position:absolute; 로 위치를 잡고

display:none 이 아닌,

선택하지 않은 tab content 는 z-index:-1 

선택한 영역의 tab content는 z-index:1 로 보여지게 한다.

 

$('.tab_slide').slick('slickGoTo', 0); 

슬라이드 리스트 중 첫번째 슬라이드가 보이도록 하는스크립트 추가!