1

HTML

<a href="#" onclick="Resposta()">
  <li>Como comprar passagem?</li>
</a>
<div class="resposta_duvida">Apareça por favor</div>

CSS

.resposta_duvida{
    display: none;
}

JAVASCRIPT

<script>
    function Resposta(){
    $(document).ready(function() {
        $(".resposta_duvida").click(function(){
        }); 
    });
}
</script>`
7
  • Você deseja que ao clicar em: <a href="#" onclick="Resposta()"> apareça <div class="resposta_duvida"> ?
    – NoobSaibot
    25/03/2018 às 22:26
  • Isso mesmo, tem como me ajudar?
    – Bruna
    25/03/2018 às 22:29
  • A estrutura HTML é somente aquele item ou existem mais perguntas ?
    – NoobSaibot
    25/03/2018 às 22:31
  • sim, muito obrigada funcionou perfeitamente, teria como me explicar por favor
    – Bruna
    25/03/2018 às 22:38
  • minha resposta ajudou? 25/03/2018 às 22:40

2 Respostas 2

1

Como você está fazendo o uso da biblioteca jQuery não tem a necessidade de criar uma função. Caso seja mais de uma pergunta, recomendo colocar a div dentro da tag a:

<a href="#" class="pergunta">
  <li>Como comprar passagem?</li>
  <div class="resposta">Apareça por favor</div>
</a>

Já no código JavaScript

$(document).ready(function() {
  $('.pergunta').on('click', function() {
    $(this).find(".resposta").toggle();
  });
});

Ao clicar em um elemento que tiver o atributo class definido como pergunta irá exibir ou ocultar a div resposta que está dentro do elemento.

Exemplo:

$(document).ready(function() {
  $('.pergunta').click(function() {
    $(this).find(".resposta").toggle();
  });
});
.pergunta {
  text-decoration: none;
}
.pergunta li {
  list-style: none;
  margin-bottom: 14px;
}
.resposta {
  display: none;
  margin-bottom: 14px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="pergunta">
  <li>Como comprar passagem?</li>
  <div class="resposta">Apareça por favor</div>
</a>
<a href="#" class="pergunta">
  <li>Como comprar passagem?</li>
  <div class="resposta">Apareça por favor</div>
</a>

1
  • obrigada, me ajudou muito
    – Bruna
    28/03/2018 às 4:13
1

posso ter entendido errado mas acho q e mas ou menos assim css

<style>
    #div_email {
        display: none;
    }
</style>

HTML

<a id='a' href="#">Como comprar passagem</a>
<div id="div_email">
    Para comprar pasagem você deve ....
</div>

javascript

<!-- javascript -->
<script type="text/javascript">
    var btn = document.getElementById('a');
    var div = document.getElementById('div_email');
    btn.addEventListener('click', function() {
        if(div.style.display != 'block') {
            div.style.display = 'block';
            return;
        }
        div.style.display = 'none'; 
    });

</script>
1
  • obrigada, me ajudou muito
    – Bruna
    28/03/2018 às 4:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .