Boa tarde pessoal,
Preciso de uma ajuda, tenho um link que ao clicar nele preciso exibir uma div, porem tenho varias divs que sao repetidas utilizando PHP e preciso abrir uma div para cada link com conteudo diferenciado, pra isso eu utilizo esse codigo
<script> $(function(){ $('.loja-link').click(function(){ var id = $(this).find('a').attr('id'); var slideT = $(this).find('.box-text'); slideT.slideToggle(); }); }); </script>
porem, dessa forma a minha div "box-text" tem que estar dentro da "loja-link", mas preciso que ela fique fora, atualmente esta dessa forma
<div class=\"box-geral\"> <div class=\"box-anuncio\"> <div class=\"barra_new\">NOVO</div> <div class=\"img-anuncio\"> <img src=\"images/anuncios/page_0.jpg\"> </div> <div class=\"desc-anuncio\"> <span>Di Casp</span> <p>Válido apenas hoje!</p> </div> <div class=\"fotter\"> <span class=\"loja-link\"> <a href=\"javascript:void(0)\" id=\"$ln->id_anuncio\"><i class=\"mdi-communication-location-on\"></i>Lojas</a> <div class=\"box-text\"></div> </span> </div> </div> </div>
mas preciso que estrutura fique dessa maneira
<div class=\"box-geral\"> <div class=\"box-anuncio\"> <div class=\"barra_new\">NOVO</div> <div class=\"img-anuncio\"> <img src=\"images/anuncios/page_0.jpg\"> </div> <div class=\"desc-anuncio\"> <span>Di Casp</span> <p>Válido apenas hoje!</p> </div> <div class=\"fotter\"> <span class=\"loja-link\"> <a href=\"javascript:void(0)\" id=\"$ln->id_anuncio\"><i class=\"mdi-communication-location-on\"></i>Lojas</a> </span> <div class=\"box-text\"></div> </div> </div> </div>
como poderia fazer para funcionar? e se possivel ao eu clicar em outro se um ja estiver aberto fechar.