Problema tabs al richiamo di una funzione

[fradamma]

<div class="box-content">
	<div class="header">
		<ul class="tab">
			<li><a id="content1" onclick="changeTabMatch(this)" class="active">linkContent1</a></li>
 		        <li><a id="content2" onclick="changeTabMatch(this)" class="">linkContent2</a></li>
		</ul>
	</div>
	<div class="body active" id="content1"><ul class="type"></ul></div>
	<div class="body hidden" id="content2"><ul class="type"></ul></div>
	
</div>

<script>
function changeTabMatch(who) {
	var whoCallId = $(who).attr('id');
	$("div.box-content div.body").removeClass("active");
	$("div.box-content div.body").removeClass("hidden");
	$("div.box-content div.body").addClass("hidden");
	$("div.box-content div.body#"+whoCallId).addClass("active").removeClass("hidden");
}
</script>

Ciao Ragazzi,
ho il seguente problema: all'interno con dei tabs al click sul link si richiama la funzione changeTabMatch(), la quale non fa altro che alternare i due div "content1" e "content2" posti sotto l'header. Il problema è che non riesco ad alternare l'active cliccando sui tab.
Mi spiego meglio: lo switch tra i contenuti (i div.body) me lo fa, la cosa che non accade è il classico cambio di background sui tabs dell'header. Come posso fare? Grazie a tutti

 

[criric]

Ciao, in javascript non si può assegnare lo stesso id a più di un elemento e tu assegni sia al tag <a> che al <div> l'id content1
Devi rivedere un pò lo script