Alguém pode explicar porque meu código não funciona? Eu não sei exatamente quantas divs
irão gerar, mas o máximo são 25.
Então queria que a cada botão de click, abrisse especificamente a div
"cola" ligada a ele.
No meu pensamento, coloquei um for
que vai percorrendo, dando nome a classe --- se i
for 2 o click_a2
vai abrir o cola2
e assim por diante.
O jQuery e o HTML:
for (i = 0; i < 25; i++) {
$('.click_a'+i).click(function () {
$('.cola'+i).slideToggle();
});
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="click_a1"> Detalhes </button>
<div class="cola1" style="display:none" >
hey!
</div>
Obs: Entenda-se que colocarei uma variável (no lugar do 1
) que irá somar tudo que esse código rodar.