Changer la classe d'une DIV onglet

$(function() {
	$('.zone_act').css('display', 'block');
	$('.zone_act').click(function(event) {
		var actuel = event.target;
		if (!/div/i.test(actuel.nodeName) || actuel.className.indexOf('actif') > -1) {
			
			return;
		}
		$(actuel).addClass('actif').siblings().removeClass('actif');
		setDisplay();
	});
	function setDisplay() {
		var modeAffichage;
		$('.zone_act div').each(function(rang) {
			modeAffichage = $(this).hasClass('actif') ? '' : 'none';
			$('.zone_oact').eq(rang).css('display', modeAffichage);
		});
	}
	setDisplay();
});

<div id="zone_menu" class="zone_menu zone_act">
  <div class="actif">Japanimation</div>
  <div >Jeux Vidéo</div>
  <div >Divers</div>
</div>
<div class="clear"></div>
<div id="zone_onglets" class="zone_onglets ">
  <div id="onglet_news_1" class="div_onglet zone_oact">
BLABLABLA
  </div>

  <div id="onglet_news_2" class="div_onglet zone_oact">
BLABLABLA
  </div>

  <div id="onglet_news_3" class="div_onglet zone_oact">
BLABLABLA
  </div>
</div>

C'est ce que j'ai déjà dit mais il semblerai qu'on ne me comprenne pas des masses...

<div id="zone_menu" class="zone_menu">
 <div class="ongl_act" onClick="switchOnglet('onglet_news_1','div_onglet')">Cat 1</div>
 <div class="ongl_act" onClick="switchOnglet('onglet_news_2','div_onglet')">Cat 2</div>
 <div class="ongl_act" onClick="switchOnglet('onglet_news_3','div_onglet')">Cat 3</div>
</div>
<div class="clear"></div>
<div id="zone_onglets" class="zone_onglets">
 <div id="onglet_news_1" class="div_onglet" style="display: block;">
  BLABLABLA
 </div>
 <div id="onglet_news_2" class="div_onglet" style="display: none;">
  zzzzzz
 </div>
 <div id="onglet_news_3" class="div_onglet" style="display: none;">
  pppppppppppp
 </div>
</div>

function switchOnglet(id_elm,strClassName){
 //on récupère dans un array la liste des onglets donc la class
 // correspond au paramètre envoyé dans la fonction 
 var onglets = getElementsByClassName(strClassName);

 //on masque tous les onglets (on boucle sur chaque onglet)
 for(var i=0; i<onglets.length; i++){
   //onglets[i] represente l'onglet parcouru par la boucle
  onglets[i].style.display = 'none'; //on le masque
  onglets[i].classList.remove("active"); // on enleve la class active
 } // on passe au suivant...
 
 
 //on affiche l'onglet identifié par son id
  // ong correspond à l'onglet qu'on veut afficher
  var ong = document.getElementById(id_elm);
    // on l'affiche
    ong.style.display = '';
   // on lui met la class ACTIVE
    ong.classList.add("active");
}


function getElementsByClassName(className){
 var returnElements = [];
 var elements = document.getElementsByClassName(className);
 for(var i=0; i<elements.length; i++){
  returnElements.push(elements[i]);
 }
 return returnElements;
}