Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/06/2011, 11:06
alexg88
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 10 meses
Puntos: 344
Respuesta: ocultar/mostrar capa

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
  1.   <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  2.   <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
  3.  
  4.   <link rel="stylesheet" type="text/css" href="/css/normalize.css">
  5.   <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  6.  
  7.   <style type="text/css">
  8.     .active{
  9.  display:block;  
  10. }
  11.  
  12. .ocultos{
  13.   display:none;    
  14. }
  15.   </style>
  16.  
  17.   <script type="text/javascript">
  18.    
  19.  
  20.   function mostrar(id)
  21. {
  22. $('.active').removeClass('active').addClass('ocultos');  
  23.  $('#'+id).removeClass('ocultos').addClass('active');
  24. }
  25.   </script>
  26.  
  27. </head>
  28.   <a href="#" onclick="mostrar('videos')">videos</a>
  29. <a href="#" onclick="mostrar('otros')">otros</a>
  30.  
  31. <div class="ocultos" id="videos">Texto</div>
  32. <div class="active" id="otros">Texto 2</div>
  33.  
  34. </body></html>