[JavaScript] Pestañas

<script type="text/javascript">
<!--
function seleccion(opc)
{
   //escondemos todos los contenidos
   document.getElementById("op1").style.display="none";
   document.getElementById("op2").style.display="none";
   document.getElementById("op3").style.display="none";
   document.getElementById("op4").style.display="none";
   switch(opc)
   {
      case 1:
         //mostramos elcontenido de la primera opcion
         document.getElementById("op1").style.display="block";
         break;
      case 2:
         //mostramos elcontenido de la segunda opcion
         document.getElementById("op2").style.display="block";
         break;
      case 3:
         //mostramos elcontenido de la tercera opcion
         document.getElementById("op3").style.display="block";
         break;
      case 4:
         //mostramos elcontenido de la tercera opcion
         document.getElementById("op4").style.display="block";
         break;
      }
}
//-->
</script><!-- pestañas --></p>
<a href="javascript:seleccion(1);">Link1</a> | <a href="javascript:seleccion(2);">Link2</a> | <a href="javascript:seleccion(3);">Link3</a> | <a href="javascript:seleccion(4);">Link4</a>

<!-- contenido de las pestañas --><br />
<div id="op1" style="display: block; width: 550px; height: 400px">
Contenido 1
</div>
<div id="op2" style="display: none; width: 550px; height: 400px">
Contenido 2
</div>
<div id="op3" style="display: none; width: 500px; height: 400px">
Contenido 3
</div>
<div id="op4" style="display: none; width: 500px; height: 400px">
Contenido 4
</div>