Ocultar y poner visibles divs por separado

[ceaped]

Buenas noches

Tengo este código:

Código Javascript:

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

Me oculta y me pone visible una DIV (funciona bien).

Integré otro btn para ocultar otra DIV:

Código Javascript:

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

Pero sólo la oculta cuando vuelvo a presionar el btn no me pone visible la DIV

¿Cómo hago para que me funcione cada btn para ocultar cada DIV ó como integro ambos códigos?

Gracias por su ayuda