소스 파일명 : tab_menu.js
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
// (2018.7.23, 차재복, Cha Jae Bok, cjbword@gmailcom)


// (jQuery) 탭메뉴
$( function () {
		$('#menu').each( function() {
			var tab_list = $(this).find('.tabs'),			// 탭 목록
				tab_panels = $(this).find('.tab_panels');	// 탭 패널

			// 처음에 모든 탭패널 일단 숨김
			tab_panels.hide();

			tab_list.on('click', function(e) {

				// 모든 탭패널 숨김
				tab_panels.hide();

				// 클릭한 탭에 해당되는 패널 만을 보임/숨김
				$(this).find('.tab_panels').toggle()

			});
		});
});