Por que no usas los tabs de bootstrap para mucho uno de los mejores framework CSS y JavaScrip que existen
[URL="http://getbootstrap.com/"]http://getbootstrap.com/[/URL]
Igual una tecnica puede ser tener una funcion que oculte todos los div, cambiando el attributo
div.style.display = 'none'
y mostrando el div que quieres con div.style.display = 'block'
Usando jQuery es mucho mas facil
$('a').click(function() {
$('div.tab-panel').hide('fast');
idDivToShow = $(a).attr('href');
$(idDivToShow).show('fast')
})
//por su puesto si utilizas bootstrap no tienes que añadir el codigo javascript
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home"><fileds>....</div>
<div class="tab-pane" id="profile"><fileds>....</div>
<div class="tab-pane" id="messages"><fileds>....</div>
<div class="tab-pane" id="settings"><fileds>....</div>
</div>