Abrir div e fechar outra automaticamente

[GustavoDose 1]

Boa tarde galera.

 

Resolvi todos os problemas anteriores o problema agora é o seguinte:

 

Quero que quando clicar em uma div abra, tranquilo estava funcionado, mas quando clicar em outra div que abra este conteudo e feche automatico o que estava aberto.

 

segue o script:

 

<script>
$('.bloco-2').hide()
$('.bloco').click(function() {
$(this).toggleClass('bloco-selecionado');
var box = $(this).attr("id");
$('.' + box).slideToggle('fast');
return false;
});
</script>

 

segue o html:

 

<div class="bloco toggle">
</div>

 

<div class="bloco-2">

</div>

 

segue css:

 

.bloco-selecionado{

background:#f09;

}

[thyquevedo 6]

Assim acho mais fácil:

$('div.accordionBotao').click(function() {
  $('div.accordionConteudo').slideUp('normal'); 
  $(this).next().slideDown('normal');
});
$("div.accordionConteudo").hide();

<div class="accordionBotao">Botão</div>
<div class="accordionConteudo">Conteúdo</div>

Aqui tem o exemplo: http://jsfiddle.net/thiagoquevedo/6nWF8/

[GustavoDose 1]

Cara nao funcionou aqui :(

 

fiz desse jeito:

 

<script>
$('.bloco').click(function() {
$(this).toggleClass('bloco-selecionado');
$('.bloco-2').slideToggle('normal');
$(this).next().slideToggle('normal');
});
$(".bloco-2").hide();
</script>

 

 

mas quando aparece o conteudo do bloco-2 que estava oculto , some junto uma div bloco :(

[GustavoDose 1]

O script ficou assim, mas ainda não consegui fazer a parte em que clique em outra div .bloco feche a div que estava aberta .bloco-2 e abra a outra div que tem as mesmas classes

 

<script>
$('.bloco-2').hide()
$('.bloco').click(function() {
$(this).toggleClass('bloco-selecionado');
var box = $(this).attr("id");
$('.' + box).slideToggle('fast');
return false;
});
$("body").on("click", function(){
$('.bloco-2').slideUp('fast');
$('.bloco').removeClass('bloco-selecionado');
});
</script>