Textos desplegables???

eeyore · #1 (**permalink**) 30/04/2007, 12:18

Hola tengo una duda, tengo 3 parrafos algo extensos y me piden que si los puedo hacer desplegables, que solo aparezcan los titulos de cada tema y que al darle click la informacion ya publicada se despliegue hacia abajo y que aparezca la informacion correspondiente al titulo. Espero haberme dado a entender. Alguien me podria ayudar??? Programo con html y con asp.

JavierB · #2 (**permalink**) 01/05/2007, 03:21

Hola eeyore

Prueba este ejemplo:

Código PHP:

  <html>
<style type="text/css">
.oculto {display:none}
</style>
<script type="text/javascript">
var visto = null;
function ver(num) {
  obj = document.getElementById(num);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}
</script>
<head>
</head>
<body>
<p onclick="ver('uno')">Título 1</p>
<p class="oculto" id="uno">Texto uno</p>
<p onclick="ver('dos')">Título 2</p>
<p class="oculto" id="dos">Texto dos</p>
</body>
</html>

Saludos,

carlosgs91 · #3 (**permalink**) 22/06/2008, 05:07

JavierB, estoy empezando con javascript y hay algo que no entiendo, que segnifica:

obj.style.display = (obj==visto) ? 'none' : 'block';

y

obj.style.display = (obj==visto) ? 'none' : 'block';

no entiendo ese ? y el :, que significan?

derkenuke · #4 (**permalink**) 22/06/2008, 07:45

Hola carlosgs91:

El operador ? y el : sirven para hacer condiciones abreviadas, así estos dos códigos se comportan igual:

Código PHP:

  if( a ) 
  variable = verdadero(); 
else 
  variable = falso();

Que esto:

Código PHP:

  variable = a ? verdadero() : falso();

Para más información google es tu amigo.

Un saludo.

ricardomz · #5 (**permalink**) 29/05/2009, 11:45

Y si se quisieran ocultar dos parrafos a la vez, cual sería el argumento??

Gracias!

JavierB · #6 (**permalink**) 29/05/2009, 12:39

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,