[Resolvido] Exibir e Ocultar DIVs

[twpesquisa 1]

Pessoal, atualmente tenho esse código de Exibir e Ocultar DIVs.

<script type="text/javascript">
// Quando carregar a página
$(function($) {

// Quando clicado em uma imagem das caixas
$('div.box img').click(function() {
   	// Recuperando ID da DIV da qual a imagem se encontra
   	var id = $(this).parent('div').attr('id');
   	// Armazendo elemento que será oculto
   	var respfaq = $('#'+id+' p.respfaq');
   	// Escondendo ou exibindo o conteúdo do box
   	respfaq.slideToggle(function() {
       	// Caso a box esteja vísivel
       	if (respfaq.css('display') == 'block')
           	// Cria um cookie que recebe o ID do elemento como nome e o valor 1
           	$.cookie(id, 1, {expires: 365});
       	// Caso esteja oculta
       	else
            	// Cria um cookie que recebe o ID do elemento como nome e o valor 0
           	$.cookie(id, 0, {expires: 365});
   	});
});

// Procurando e passando por cada box da página
$("body").find("div.box").each(function(){
// Recuperando ID
var id = $(this).attr('id');
// Armazendo elemento que será oculto
var respfaq = $('#'+id+' p.respfaq');
// Caso ele não tenha sido criado
if ($.cookie(id) == null)
   	// Ocultamos
   	respfaq.css("display", "none");
// Se um cookie foi criado e está com 1, ou seja, visível
else if ($.cookie(id) == 1)
   	// Exibimos
   	respfaq.css("display", "block");
// Se um cookie foi criado e está com 0, ou seja, oculto
else if ($.cookie(id) == 0)
   	// Ocultamos
   	respfaq.css("display", "none");
});

});

</script>

<div class='box' id='$codfaq'>
<img src='/imgs/show_hide.png' align='Mostrar/Ocultar' alt='Abrir/Fechar' />
<h1>$pergfaq</h1>
<p class='respfaq'>$respfaq</p>
</div>

 

Está funcionando perfeitamente, porém, gostaria que toda vez que eu fosse clicar em uma DIV, a outra ficasse oculta, ou seja, cliquei em um assunto e a div é expandida, quando clico em outro assunto, o assunto anterior (div) seja ocultada automáticamente.

 

Espero que eu tenha me explicado, obrigado.

 

 

 

[William Bruno 1501]

é o principio do menu accordion, veja exemplo:

http://code.imasters.com.br/index.php?/topic/94-menu-accordion-aberto-apos-link/

[twpesquisa 1]

Obrigado, vou estudar e implementar.

[William Bruno 1501]

resumindo:

 

ao clicar para abrir um:

-> oculte todos

-> exiba oque foi clicado