Ocultar y poner visibles divs por separado

[ceaped]

El código que tu pones:

Código Javascript:

<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery('.bloque_activador_zonas').click(function() {
    jQuery('.menu_zonas').slideUp('normal');
    jQuery('.menu_footer').slideUp('normal');
   
    if(jQuery(this).next().is(':hidden') == true) {
      jQuery(this).next().slideDown('normal');
    } 
  });
 
  jQuery('.menu_adicional').click(function() {              
    jQuery('.menu_footer').slideUp('normal');
    jQuery('.menu_zonas').slideUp('normal');
    
    if(jQuery(this).next().is(':hidden') == true) {                       
      jQuery(this).next().slideDown('normal');
    } 
  });
});
</script>
 

Cuando presiono cualquiera de los dos botones me cierra ambas divs.
Yo quiero que ".menu_adicional" cuando cargue la pagina no esté visible y que cuando de clic en el botón "menu_adicional" se abra (tipo el menú de google, el que está en la parte superior derecha).

Gracias por tu ayuda