Exibir div ao clicar em link
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.
Discussão (3)
Carregando comentários...