Ir para conteúdo

Arquivado

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

JullySL

Mostrar e Ocultar

Por , em Javascript

Recommended Posts

JullySL    0

JullySL
Postado

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">
.pergunta { cursor: pointer; color: #00f; text-decoration: underline; }
</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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcello.alvess    0

marcello.alvess
Postado

JullySL, é muito simples fazer isso.

 

Só precisa adicionar uma recurso para o classe contida em todas as divs fechar enquanto o this que é a div clicada abra.

$('.resposta').slideUp('slow');

No código fica assim

 

$(document).ready(function(){

$('.resposta').hide();

$('p.pergunta').click(function( e ){
e.preventDefault();

$('.resposta').slideUp('slow');

$( this ).next('.resposta').toggle('slow');


});
$('.resposta a').click(function( e ){
e.preventDefault();
$( this ).parent('.resposta').hide('slow');
});
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

JullySL    0

JullySL
Postado

Obrigada Mar

 

 

JullySL, é muito simples fazer isso.

 

Só precisa adicionar uma recurso para o classe contida em todas as divs fechar enquanto o this que é a div clicada abra.

$('.resposta').slideUp('slow');

No código fica assim

 

$(document).ready(function(){

$('.resposta').hide();

$('p.pergunta').click(function( e ){
e.preventDefault();

$('.resposta').slideUp('slow');

$( this ).next('.resposta').toggle('slow');


});
$('.resposta a').click(function( e ){
e.preventDefault();
$( this ).parent('.resposta').hide('slow');
});
});

 

Agradeço,

marcello.alvess :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito