[Resolvido] hide/show div

[Leandro Givisiez 0]

Boa tarde!

Estou com dificuldade em fazer com que ao clicar para expandir uma div ele feche a anterior.

Ou seja, toda vez que expandir uma div ele fecha a que estivar aberta.

Obs: Não consegui achar algo do tipo no forum.

 

 

<script>

$(document).ready(function() {
$('.exibefotos').hide();

$('a.titulo').click(function() {
	var id = $(this).attr('id');					
	 $('#titulo' + id).toggle(300);
		//alert(id);		
	 return false;		 
	 });

</script>

 

<div class="story">      
      <p><a href="#" id="01" class="titulo" >expandir 01</a></p>
      <p id="titulo01"  class="exibefotos">teste 01</p>


      <p><a href="#" id="02" class="titulo" >expandir 02</a></p>
      <p id="titulo02" class="exibefotos">teste 02</p>


    </div>

[Ismaeldm 5]

E se você fizer assim:

 

<script>

$(document).ready(function() {
       $('.exibefotos').hide();

       $('a.titulo').click(function() {
               $('.exibefotos').hide();
               var id = $(this).attr('id');                                    
                $('#titulo' + id).toggle(300);
                       //alert(id);            
                return false;           
                });

</script>

 

??

[Leandro Givisiez 0]

Pai do céu. Eu cheguei a fazer isso, mas por causa de um ";" deu errado!

Falta de atenção.

Obrigado!

 

E se você fizer assim:

 

<script>

$(document).ready(function() {
       $('.exibefotos').hide();

       $('a.titulo').click(function() {
               $('.exibefotos').hide();
               var id = $(this).attr('id');                                    
                $('#titulo' + id).toggle(300);
                       //alert(id);            
                return false;           
                });});

</script>

 

??