Ocultar varias div

[Alexis88]

El problema está en que utilizas el mismo id para más de un elemento cuando dicho dato debe ser único en todo el documento.

Como pueden ser tres, cuatro o N elementos para mostrar y ocultar, lo que te conviene hacer es abstraer dicha funcionalidad de tal forma que todos los elementos puedan funcionar de igual manera sin la necesidad de escribir las mismas instrucciones por cada elemento.

Por ejemplo:

Código HTML:

<section>
    <span class="button">Mostrar/Ocultar panel 1</span>
    <span class="button">Mostrar/Ocultar panel 2</span>
    <span class="button">Mostrar/Ocultar panel 3</span>
</section>
 
<section>
    <div class="panel">Panel 1</div>
    <div class="panel">Panel 2</div>
    <div class="panel">Panel 3</div>
</section>
 

Código Javascript:

$(".button").on("click", function(){
    var posBut = $(".button").index(this), //Número de botón pulsado
        panel = $(".panel").eq(posBut);  //Panel equivalente al botón pulsado
    panel.slideToggle(); //Se muestra u oculta al panel
});
 

DEMO