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>
<a href="#" onclick="Resposta()">
apareça<div class="resposta_duvida">
?