javascript toggle Zippy

newnaf · #1 (**permalink**) 21/04/2010, 18:12

hola gente del foro.. es la primera vez que ando por aqui. y tengo una duda que no puedo resolverla.. les pido disculpas por mi ignorancia.
les cuento.

tengo una web y debido a que voy agragando info dia a dia se me fue haciendo dificil separar por secciones la info. entonces ponia portada y arbol a las demas paginas. pero termino teniendo 10 html de subcategorias de software por ejemplo. entonces, elimine la portada y puse todo en una tabla con titulos. pero ahora la tabla se hizo muy extensa.

encontre esta funcion de javascript toggleZippy

pero nose como implementarla. la idea seria desplegar una tabla o un texto que esta oculto al hacer click sobre un hipervinculo.

como por ejemplo esta aca.. (he visto otros ej mejores pero no los encuentro)

http://www.google.com/support/webmasters/bin/answer.py?hl=es&answer=156184

alguien podria ayudarme con un ejemplo..

mil gracias gente.. un abrazo grande

newnaf · #2 (**permalink**) 23/04/2010, 11:22

amigos .. ya he econtrado el script que necesitaba.. por si a alguien le hace falta lo dejo aqui posteado..

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Untitled</title> <script type="text/javascript"> document.write('<style type="text\/css">#toggle { display: none; }<\/style>'); </script> <script type="text/javascript"> function switchMenu(obj) { var el = document.getElementById(obj); if ( el.style.display != "none" ) { el.style.display = 'none'; } else { el.style.display = 'block'; } } function hide() { document.getElementById("toggle").style.display='n one'; } </script> </head> <body onload="hide();"> <a onclick="switchMenu('toggle');" title="Test">Click Me</a><br><div id="toggle">This text toggles when Click Me is clicked.</div> </body> </html>

saludos a todos..