deshacer slide up en media query
Publicado por Fernanda Gorgoroso (3 intervenciones) el 21/01/2019 08:43:27
Hola buenas noches,
tengo un gran problema con un menu:
en version mobile < 1024 es un menu vertical acordeon.
en version desktop es un menu horizontal en el header con dropdowns (que son la parte que estaba en el acordeon).
El problema es que al activar el enlace en la version desktop se sube, y queda fuera de la pantalla.
Lo que quiero hacer es remover el slideUp, y que se despliegue el dropdown hacia abajo, sin que suba todo.
espero que me puedan ayudar,
gracias
tengo un gran problema con un menu:
en version mobile < 1024 es un menu vertical acordeon.
en version desktop es un menu horizontal en el header con dropdowns (que son la parte que estaba en el acordeon).
El problema es que al activar el enlace en la version desktop se sube, y queda fuera de la pantalla.
Lo que quiero hacer es remover el slideUp, y que se despliegue el dropdown hacia abajo, sin que suba todo.
espero que me puedan ayudar,
gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function(){
$('.menu li:has(ul)').click(function(e){
e.preventDefault();
if ($(this).hasClass('activado')){
$(this).removeClass('activado');
$(this).children('ul').slideUp();
} else {
$('.menu li ul').slideUp();
$('.menu li').removeClass('activado');
$(this).addClass('activado');
$(this).children('ul').slideDown();
}});
$('.btn-menu').click(function(){
$('.contenedor-menu .menu').slideToggle();
});
$(window).resize(function(){
if ($(document).width() > 1024){
$('.contenedor-menu .menu').css({'display' : 'flex'});
$('.menu li ul').slideDown();
$('.menu li').removeClass('activado');
}if ($(document).width() < 1024){
$('.contenedor-menu .menu').css({'display' : 'none'});
$('.menu li ul').slideUp();
$('.menu li').removeClass('activado');
}});
$('.menu li ul li a').click(function(){
window.location.href = $(this).attr("href");
});
});
Valora esta pregunta
0