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

[ceaped]

Hola livemusic
Una última pregunta...;)
Deseo deshabilitar un .css

Código Javascript:

//Segun el ancho del navegador en menu se cierra o abre
    if( $( document ).width() <= 480 ){
    jQuery('.menu_zonas').hide();
    
    } else if( $( document ).width() >= 640 ){
    jQuery('.menu_zonas').show();
    //Cambia el color de .css
    jQuery(".bloque_activador_zonas").css({ color: "#FFFFFF", background: "#FF0000" });
        //No me deshabilita el .css (que tiene como propiedad se boton)
    jQuery('.bloque_activador_zonas', this).attr('disabled', 'disabled');
    }
 

Así es el .css:

Código CSS:

.bloque_activador_zonas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    text-indent: 10px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    background-color: #97DF35;
}
 
.bloque_activador_zonas:hover {
    color: #FFFFFF;
    background-color: #BAE97A;
}
 

Gracias por tu ayuda