$(function(){
					 
	$(".tabLink a").attr({ href: "javascript:void(0);"});
		
	$('.tabElement').hide();
	$('.tabElement:first').show();
	$('.tabBtn:first').addClass('on');



    $(".tabLink li").click(function(){	
									
		//tabBtn on/off
		$('.tabBtn').removeClass('on');
		$(this).addClass('on');
				
		//tabContents show/hide
		var tmpID = $(this).attr('id');
		var tabContents = $('.tabContents .tabElement');
		tabContents.hide();
		$('#' + tmpID + 'Element').show();

	});
});



// anchor
$(function() {
		   
	var hash = window.location.hash;
	var anchorLink = $("a[href='#tab02']");
	
	//jump
	if(hash == '#tab02') {
		anchorFunc();
	};
	
	//anchor
	anchorLink.click(function(){
		anchorFunc();
	});
	
});

function anchorFunc(){
	
	$('.tabBtn').removeClass('on');
	$('#tab02').addClass('on');
	
	$('.tabElement').hide();
	$('#tab02Element').show();
	
};