Tengo el siguiente codigo
Código HTML:
<script>
function mostrarocultar(id) {
var elEmento = document.getElementById(id);
if (elEmento.style.display == 'block') {
elEmento.style.display='none';
}else{
elEmento.style.display='block';
}
}
</script>
<table border="1" width="500" height="500">
<tr>
<td width="500" align="center">
<a href="javascript:void(0);" onclick="mostrarocultar('flotante1')">
Mostrar/Ocultar 1</a><br>
<a href="javascript:void(0);" onclick="mostrarocultar('flotante2')">
Mostrar/Ocultar 2</a><br>
<a href="javascript:void(0);" onclick="mostrarocultar('flotante3')">
Mostrar/Ocultar 3</a>
</td>
<td width="500" align="center">
<div id="flotante1" style="display:none;">Este es un div flotante 1</div>
<div id="flotante2" style="display:none;">Este es un div flotante 2</div>
<div id="flotante3" style="display:none;">Este es un div flotante 3</div>
</td>
</tr>
</table> yo quiero que al mostrar un DIV se me oculten los otros
como lo hago ?