Tema: Preguntas Frecuentes Desplegables
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/06/2012, 13:53
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Preguntas Frecuentes Desplegables
Algo como esto

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>mostrar oculta capas</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. p{
  10. font-weight: bold;
  11. cursor: pointer;
  12. }
  13. #Uno,#Dos,#Tres{
  14. display: none;
  15. }
  16. /*]]>*/
  17. </style>
  18. <script type="text/javascript">
  19. //<![CDATA[
  20. function contenido(cual){
  21. var capas = new Array("Uno", "Dos", "Tres");
  22. var i;
  23.     for(i in capas){
  24.         if(capas[i] == cual){
  25.         document.getElementById(capas[i]).style.display = 'block';
  26.         }else{
  27.         document.getElementById(capas[i]).style.display = 'none';
  28.         }
  29.     }
  30. }
  31. //]]>
  32. </script>
  33. </head>
  34. <body>
  35. <p onclick="contenido('Uno')" >uno</p>
  36. <div id="Uno">Texto uno</div>
  37. <p onclick="contenido('Dos')" >dos</p>
  38. <div id="Dos">Texto dos</div>
  39. <p onclick="contenido('Tres')" >tres</p>
  40. <div id="Tres">Texto tres</div>
  41. </body>
  42. </html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.