Olá, estou com um desafio de design. É um “efeito” muito quando as páginas pelo conteúdo, se "alargam" demais, e não se vê bem.
Para ordenar os conteúdos, vi que ao clicar um link, "se abre", uma área que os contém. Esta área se abre e se fecha, alargando e encurtando a página.
Neste endereço pode-se ver o efeito, que se parece muito aos menus select, só que não contém links, e sim conteúdo da página web.
Trato de descobrir a forma em que isto se faz. Se alguém tiver alguma idéia estarei agradecido.
Observem nesta página, nos subtítulos, "grupos electrógenos", "Potencias
de Generación", "Grupos Electrogenos Gas"
http://www.palmero.com/power_grupos.php
Olá Jonas, na verdade o efeito que você quer fazer é um dos mais simples e úteis em páginas web, se chama slide down, faz com que apareça e slide up faz com que desapareça, é mais fácil ainda se utilizar algum framework de javascript tal como mootools, prototype, jQuery, etc, eu pessoalmente prefiro jQuery, e lhe explico como se faz isto:
1.- Entre em www.jquery.com e baixe o arquivo jquery.js
2.- Em sua página web inclua o arquivo jquery que você baixou.
3.- Crie um link com href="javascript:void(0)" e no onclick coloque $('#idDoConteiner').slideDown('velocidade'), velocidade pode ser normal, fast ou slow.
4.- Crie um div onde irá seu conteúdo o qual tem o atributo style="display:none;".
5.- Execute a página e dê um clique no link e pronto, este se desdobra com o efeito slide.
Espero que lhe sirva e pratique muito.
Por Cristian Avila Montalvo
