O sistema é bem simples, utilizei no site de um cliente a pouco tempo:
https://www.logotiposbrasil.com.br/faq.asp
A idéia é quando clicar no título o texto referente ao título seja exibido logo abaixo.
Vamos ao código javascript:
Agora o html:
1. Como e onde eu posso utilizar o meu novo logotipo ?
Você pode utilizar o seu novo logotipo em impressos, camisetas, sinalizações, publicações web, revistas, jornais e onde mais a sua imaginação permitir.
Para completar o css:
Pronto, bem simples.
Vale a pena ressaltar que não usei visibility: hidden porque utilizando este recurso o texto que está invisível irá ocupar o espaço dele mesmo quando não estiver visível, utilizando display:none e display: block não sofremos com este problema.
O exemplo pode ser visto em:
https://www.allancarvalho.com.br/tutoriais/exemplos/faq-estilo-centauro.html
Bem é só isso.
Abs
Allan Carvalho
AC Soluções Interativas – Desenvolvimento de Sites
