Tabela Informativa

[zenkphp 0]

Boa tarde!

 

Eu tenho uma noção básica de html, css e php.

Eu tenho um site e precisaria colocar uma tabela/menu (não sei a definição correta) conforme imagem anexa.
Eu uso a plataforma WP e isso seria usado em um post, por exemplo: 

 

Informativo 01

 

TEXTO
IMAGEM

 

INFORMATIVO 02

 

TEXTO

IMAGEM

Mas só queria que aparecesse o conteúdo, quando a pessoa clicasse...

 

[Bergs 53]

O nome é accordion segue tutorial: https://www.w3schools.com/howto/howto_js_accordion.asp

[zenkphp 0]

Obrigado Bergs!

[Eziquiel 96]

Segue um exemplo.

 

http://codepen.io/Eziquiel/pen/aJyVXB?editors=0010

[Eziquiel 96]

Outro exemplo, com animação.

 

http://codepen.io/Eziquiel/pen/WpEMVJ?editors=0100