Contenido expadible en Header

[vanstygma]

Hola amigos!

He he estado trabajando en una página web, y seguro de tanto hacerlo ya mi cabeza no me da...ocupo hacer un header con contenido expandible, algo similar a esto:

http://www.newhorizons.com/

Donde dice "Click to expand".

No sé como llamarle a eso para buscar tutos o ayuda en internet o que hacer para que funcione, solo ocupo el botón o la forma que haga eso en el header.

También quería hacerle eso a una web en Wordpress por si alguien conoce algún plugin, pero básicamente, la página a la que necesito meterle eso, es HTML. Un header que tenga el botón para expandir y meterle contenido.

Saludos cracks!

[vanstygma]

Nadie? De verdad es tan complicado?

[4ng3r]

Paciencia solo Päciencia y todo en la vida tiene su grado de dificultad ... pero bien, ese efecto lo puede lograr con JQuery, estuve analizando el codigo de la pagina ... Este es el codigo que realiza esa accion

Código Javascript:

$(".changeclick").click(function() {
 
                $(".content_30years").slideToggle();
 
                if ($(".footer_30years").children("p.changeclick").text() === "CLICK TO EXPAND") {
                    document.getElementById("changeclickID").innerHTML = "CLICK TO CLOSE";
                }
                else if ($(".footer_30years").children("p.changeclick").text() === "CLICK TO CLOSE") {
                    document.getElementById("changeclickID").innerHTML = "CLICK TO EXPAND";
                }
            });
 

Estudie al detalle este evento $(".content_30years").slideToggle();

http://api.jquery.com/slideToggle/