JAVASCRIPT&JQUERY
탭기능구현 (addClass / removeClass)
vbsic5
2019. 7. 10. 19:13
$(function(){
var tab1 = $("#latest ul.latest_tab li");
var tab2 = $("#notice ul.notice_tab li");
function tabFunction(el, elThis, idx){
el.removeClass("on");
elThis.addClass("on");
$(".tab_con").removeClass('on');
$('.tab' + idx).addClass('on');
}
tab1.click(function(){
var el = tab1;
var elThis =$(this);
var idx = $(this).index()+1;
tabFunction(el, elThis,idx);
});
tab2.click(function(){
var el = tab2;
var elThis =$(this);
var idx = $(this).index()+1;
tabFunction(el, elThis, idx);
});
});
반응형