Expandir link

<style>
 .escondido {display: none}
 .escondido.mostar {display: block}
</style>

<div>
 <button class="exemplo">Exemplo 1</button>
 <div class="escondido">
 Exemplo 1
 </div>
</div>

<div>
 <button class="exemplo">Exemplo 2</button>
 <div class="escondido">
 Exemplo 2
 </div>
</div>

<div>
 <button class="exemplo">Exemplo 3</button>
 <div class="escondido">
 Exemplo 2
 </div>
</div>

<script>
 var botao = document.getElementsByClassName('exemplo');
 for (var i = 0; i < botao.length; i++) {
 botao[i].addEventListener('click', function () {
 this.nextElementSibling.classList.toggle('mostar');
 }, false);
 }
</script>

	 

	Veja também:

	[https://github.com/Spell-Master/sm-web/tree/master/javascript/Accordion](https://github.com/Spell-Master/sm-web/tree/master/javascript/Accordion)

Estou testando aqui, é isso mesmo, mas, não era para ser botão, era para ser link de texto normal.

Se não for muito pode dar esse help ?

Enquanto isso to tentando aqui.

>

Em 21/10/2019 at 12:56, renan mafra disse:

era para ser link de texto normal

Uai!

	Mude a tag **<button> **para **<a>** ou **<div>**, **<p>**.

	O resto é feito pelo CSS.

fiz isso, vlw !!!!!!!!!!!!!