Comunidad de diseño web y desarrollo en internet online

Problema con slideToggle y media querys

Citar            
MensajeEscrito el 04 Sep 2014 04:29 am
Hola comunidad. Tengo el siguiente asunto.

Estoy diseñando un menú con jquery y media querys. Todo funciona bien. Al llegar al ancho indicado el menú se oculta con css usando display:none y aparece el botón para mostrarlo con jquery. Pincho en el botón y aparece el menú. Vuelvo a pinchar el botón y el menú desaparece. El problema lo tengo cuando, una vez realizada la acción anterior (mostrar / ocultar) regreso a un ancho mayor y... ¡El menú no aparece, sigue oculto! Pero, si pincho el botón para mostrar el menú y cambio de tamaño de pantalla el menú sí aparece, si lo oculto otra vez y cambio de pantalla de nuevo queda oculto, por lo que asumo que es un problema en mi script.

Código Javascript :

$("#nav-m").click(function () {    
   $('nav').slideToggle(500);
});

¿Alguna sugerencia para solucionar este drama? De antemano mil gracias por vuestra siempre valiosa ayuda.

Por eareddhel

83 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Sep 2014 06:37 am
Ya lo resolví. Bastaba indicar en cada @media la propiedad display:block !important;

El "!important" es necesario porque sin él seguía ocultando el menú.

:cool:

Por eareddhel

83 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Sep 2014 03:59 pm
como dato:

!important sobreescribe los valores del CSS a fuerza.

utilizar important significa un error en el diseño, pues no se sabe que es lo que afecta y se forza a tomar nuevas propiedades :)

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.