Para eso sería mejor ponerle una clase al elemento que esté siendo mostrado actualmente y cuando pinches en otro, que se oculto el que tenga esa clase.
Para ello yo utilizaría JQuery, que es una librería para javascript muy útil y que facilita el trabajo.
Te pongo un ejemplo:
Código HTML:
Ver original <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css"> <link rel="stylesheet" type="text/css" href="/css/result-light.css">
.active{
display:block;
}
.ocultos{
display:none;
}
<script type="text/javascript">
function mostrar(id)
{
$('.active').removeClass('active').addClass('ocultos');
$('#'+id).removeClass('ocultos').addClass('active');
}
<a href="#" onclick="mostrar('videos')">videos
</a> <a href="#" onclick="mostrar('otros')">otros
</a>
<div class="ocultos" id="videos">Texto
</div> <div class="active" id="otros">Texto 2
</div>