Crear FAQ (mostrar/ocultar texto) que no se muestre subraya la pregunta

Dreeno · #1 (**permalink**) 15/02/2011, 14:16

Hola que tal?. Soy nuevo es este foro y necesito su ayuda porque no se de programación. Bueno el caso es que necesito hacer un FAQ, al darle en una pregunta que se muestre el texto debajo, luego al darle clic de nuevo que se oculte(esta esa parte ya lo hice), el problema que tengo es que la pregunta aparece subrayada(como hipervinculo) lo cual no quiero, lo que quiero es que recién cuando pase el cursor recién se subraye y también quiero otro tipo de font. Asimismo quisiera poner una viñeta al costado de la pregunta por ejemplo un triangulo con la punta hacia la izquierda, y cuando haga clic para abrir la respuesta d la pregunta este triangulo pase a estar con la punta hacia abajo. Además, también quisiera que entre respuesta y la próxima pregunta no quede tanta separación.

Ayúdenme por favor, gracias de todas maneras.

_cronos2 · #2 (**permalink**) 15/02/2011, 14:41

Lo de la separación me imagino que será porque en vez de display estás usando visibility. Para cambiar la fuente y el text-decoration yo usaría CSS y la pseudo-clase :hover. Para lo de la flecha, simple, creo que algo así te sirve:

Código HTML:

Ver original<span onclick='cambiarImg()'><img src='derecha.jpg' id='foto' /></span>

Código Javascript:

Ver originalfunction cambiar Img(){
 document.getElementById('foto').src = document.getElementById('foto').src == 'derecha.jpg' ? 'abajo.jpg' : 'derecha.jpg';
}

Saludos (:

Dreeno · #3 (**permalink**) 15/02/2011, 16:49

Mmm no me salio, bueno debe ser porque no se de programación. Mira este es el código que tengo. Espero que me puedas ayudar, configurando ese código, con lo que pedí. Quiero que no se vea como hipervinculo a primera vista(me refiero a que sale subrayado)quiero que recién cuando pase el cursor se subraye. Y también quiero que la font cambie de la letra no se si también me podrías poner ese código. Mira algo así quiero hacer http://www.facebook.com/help/?page=173 el estilo de las preguntas y respuesta el color, y también lo anterior a la pregunta como un titulo. Ayuda por favor.

<html>
<head>
</head>
<body>
<script languaje="Javascript">

</script>
<a href="javascript:MostrarOcultar('texto1');" id="enlace1"> Mostrar/Ocultar</a>
<div class="ocultable" id="texto1">Hola</div>
<BR>
<a href="javascript:MostrarOcultar('texto2');" id="enlace2"> Mostrar/Ocultar</a>
<div class="ocultable" id="texto2">Hola2</div>
</body>
</html>