본문 바로가기

Web/JQuery

제이쿼리 이런식으로도 사용 가능하다. 참고

 

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;
 });