Acordeón visible o no según el tamaño

[ceaped]

Buenos días

Utilizo este código para un acordeón:

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
     
    jQuery('.bloque_activador_zonas').click(function() {
    jQuery('.bloque_activador_zonas').removeClass('on');
    jQuery('.accordionContent').slideUp('normal');
    if(jQuery(this).next().is(':hidden') == true) {
    jQuery(this).addClass('on');
    jQuery(this).next().slideDown('normal');
    } 
          
    });
    
    jQuery('.accordionContent').mouseover(function() {
    jQuery(this).addClass('over');
    }).mouseout(function() {
    jQuery(this).removeClass('over');                                       
    });
    
    jQuery('.accordionContent').hide();
 
    });
</script>
 

Yo deseo que esté abierta o cerrada según el tamaño, algo así:

Código Javascript:

if ('.accordionContent') ==480px);
accordionContent').hide();
}else{
if ('.accordionContent') ==640px);
accordionContent= visible;
}
};
 

Gracias por su ayuda