var tab = {
tab_btn : $(".search_emp .tab02_02 > a"),
tab_con : $(".tab_con_wrap > div"),
inter_btn : $(".inter_tab > li"),
inter_con : $(".inter_con_wrap > div"),
i : 0
};
tab.tab_btn.removeClass("on").eq(tab.i).addClass("on");
tab.tab_con.hide().eq(tab.i).show();
tab.tab_btn.on("click",function(){
var index = $(this).index();
tab.tab_con.each(function(i){
if(i == index){
tab.tab_con.hide();
tab.tab_con.eq(i).show();
tab.tab_btn.removeClass("on");
tab.tab_btn.eq(i).addClass("on");
};
});
return false;
});
tab.inter_btn.removeClass("on").eq(tab.i).addClass("on");
tab.inter_con.hide().eq(tab.i).show();
tab.inter_btn.on("click",function(){
var index = $(this).index();
tab.inter_con.each(function(i){
if(i == index){
tab.inter_con.hide();
tab.inter_con.eq(i).show();
tab.inter_btn.removeClass("on");
tab.inter_btn.eq(i).addClass("on");
};
});
return false;
});
'Web > JQuery' 카테고리의 다른 글
event.stopPropagation(), event.preventDefault () 이해하기 (0) | 2017.02.01 |
---|---|
제이쿼리 슬라이드 화면 실습 (0) | 2016.07.07 |
Jquery Selector ( 자주 쓰는 ) (0) | 2016.03.03 |
Jquey append 종류 (0) | 2016.01.28 |
jQuery Number 플러그인으로 간단한 숫자 포맷팅하기 (0) | 2015.02.06 |