Problema con transition js
Publicado por Jesus Alonso (6 intervenciones) el 03/10/2021 17:47:26
buenas, tengo un problema respecto a una transition controlada con js, quisiera que al presionar un botón , un menú se despliegue y desplace un div con el contenido, asigne el código y todos los elementos que requiero que se muevan con la transición lo hacen salvo el propio menú, que no toma en cuenta el tiempo de la transicion y solo se despliega u oculta al presionar el boton de forma inmediata, que podria ser?
lo que no se ejecuta en si es el codigo de la linea 3 pese a que hay varias lineas con declaraciones iguales
por si es necesario esta es la fraccion de codigo con el menu
1
2
3
4
5
6
7
8
9
10
11
12
13
menu.style.display = "block";
menu.style.marginLeft = "15%";
menu.style.transition = "margin-left 1s";
zonaBoton.style.marginLeft = "11%";
zonaBoton.style.transition = "margin-left 1s";
pestanasBusqueda.style.marginLeft = "30%";
pestanasBusqueda.style.transition = "margin-left 1s";
principal.style.marginLeft = "18.3%";
principal.style.transition = "margin-left 1s";
imprimir.style.marginLeft = "10%";
imprimir.style.transition = "margin-left 1s";
agregar.style.marginLeft = "10%";
agregar.style.transition = "margin-left 1s";
lo que no se ejecuta en si es el codigo de la linea 3 pese a que hay varias lineas con declaraciones iguales
por si es necesario esta es la fraccion de codigo con el menu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="menu_opciones">
<div id="icono_menu"></div>
<div id="opciones_principales">
<div>Solicitudes</div>
<div>Realizadas</div>
<div>Frecuentes</div>
<div>Farmacia</div>
<div>Mensual</div>
<div>Requisitos</div>
</div>
<div id="menu_ayuda">
<div>Configuración</div>
<div>Ayuda</div>
</div>
</div>
Valora esta pregunta
0