Efeitos em site

[M@rc 1]

Boa tarde pessoal,

 

Gostaria de saber como é feito o efeito de clicar em uma palavra e abrir uma caixa de texto. O site é o http://clinicadereabilitacaoaguia.com.br/ e o efeito que me refiro é o depoimentos de usuários.

 

Obrigado.

[Marlon Pacheco 132]

É um Accordion.

http://jqueryui.com/accordion/

[M@rc 1]

É possível fazer algo parecido com CSS3?

[Marlon Pacheco 132]

Sim...

Slide 91 em https://speakerdeck.com/jcemer/alem-do-que-se-ve-praticas-de-html-e-css

Exemplo: http://www.adaptativa.com.br/faq

[M@rc 1]

Sabe me informar quais propriedades do CSS que são usadas para fazer isso?

[Marlon Pacheco 132]

Estão no Slide 91 da apresentação que passei o link.

É só usar a pseudo classe :focus. No código fonte do site de exemplo também está bem didático.

http://codepen.io/marlonlp/pen/oyqKA

[M@rc 1]

Legal. Obrigado pela ajuda.

[Marcos Xavier 189]

Lembrando que nos <= IE8 talvez não funcione somente com CSS