Mostrar e Ocultar
Olá, tenho um função para ao clicar ele mostrar a opção selecionada, ao clicar de novo ele oculta, porém eu preciso que além do que ele já está fazendo ao selecionar a opção de baixo ele ocultar as opções que estão abertas ou seja ficar somente um sempre aberto, segue código:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.resposta').hide();
$('p.pergunta').click(function( e ){
e.preventDefault();
$( this ).next('.resposta').toggle('slow');
});
$('.resposta a').click(function( e ){
e.preventDefault();
$( this ).parent('.resposta').hide('slow');
});
});
</script>
<style type="text/css"></style>
</head>
<body>
<p class="pergunta">blablabla</p>
<div class="resposta">
<p>blablabla</p>
<a href="#">Ocultar</a>
</div><!-- /resposta -->
<p class="pergunta">blablabla</p>
<div class="resposta">
<p>blablabla</p>
<a href="#">Ocultar</a>
</div><!-- /resposta -->
<p class="pergunta">blablabla</p>
<div class="resposta">
<p>blablabla</p>
<a href="#">Ocultar</a>
</div><!-- /resposta -->
</body>
</html>Discussão (2)
Carregando comentários...