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

[ceaped]

Alguien que me pueda ayudar...no logro resolverlo...:(

[livemusic]

... quizas te pueda servir este plugin .. http://dreamerslab.com/demos/get-hid...-actual-plugin ..

[ceaped]

Hola livemusic
No se como implementar lo que me pasas.

Gracias por tu ayuda

[livemusic]

hola, https://github.com/dreamerslab/jquery.actual ...

[ceaped]

Hola livemusic
Disculpas pero no se como implementar lo que dices.

Yo busco algo así:

Código Javascript:

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

Cuando el navegador este de un tamaño de 480px el acordeón esté cerrado y cuando esté de 640px este abierto.

Gracias por tu ayuda

[livemusic]

Hola deberías de detallar mejor tus dudas ..... ...

Por logica se entendió, que buscabas comparar el ancho del contener de tu acordeón

Código Javascript:

('.accordionContent') ==480px)
 

------------------------------------------------

tienes que quitar ---- esto
// Con ese código forzas a que el acordeón aparezca oculto
// ---> jQuery('.accordionContent').hide(); --

Código Javascript:

if( $( document ).width() <= 480 ){
jQuery('.accordionContent').hide();
} else if( $( document ).width() >= 680 ){
jQuery('.accordionContent').show();
}
 

--- Un consejo tu nivel de programación es demasiado básico ... a lo menos trata especificar bien lo que buscas ¡¡¡¡¡

[ceaped]

Hola livemusic
Si disculpas no me hice entender bien desde un principio.
Si eso es lo que necesito, me funcionó...;)

Gracias por tu ayuda

[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

[livemusic]

Hola n_n ''' lo que podrías hacer es remover la clase ...

// -->

Código Javascript:

$('#SelectorID').removeClass('highlight');
 

// Y "O" .... adherirse de acuerdo a su conveniencia ...

Código Javascript:

$('#SelectorID').addClass('highlight');
 

... Suerte

[ceaped]

Nada no me da...:(