Quantcast
Channel: Últimos conteúdos
Viewing all articles
Browse latest Browse all 14190

Exibir div ao clicar em link

$
0
0

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.


Viewing all articles
Browse latest Browse all 14190