FRONT TO BACK END!

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