Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rafael Augusto_173176

Exibir div ao clicar em link

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Explica melhor qual é a sua dúvida. :ermm:

ao clicar no "loja-link" preciso que abra uma div individual para aquele link que cliquei, ja que esse link e repetido com WHILE no php eu resgato o valor do ID e uso $(this), porem eu preciso que funcione mesmo se eu tirar a minha div "box-text" de dentro da "loja-link", atualmente se eu tiro a div "box-text" de dentro dela, o script para de funcionar e nao abre mais a div oculta, deu pra entender melhor? :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.