Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » No me funciona la función "toggle"

JavaScript - No me funciona la función "toggle"

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 2
Ha disminuido su posición en 78 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

No me funciona la función "toggle"

Publicado por Portichuelo (1 intervención) el 16/12/2020 18:06:50
Tengo este código, pero no me funciona, no hace nada.
Es para desplegar y plegar un menú

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
 
$(document).ready(function() {
  //Con el OBEJETO JQuery, identificar al 'boton'.
  $("#boton").toggle(function() {
    $("#menu").animate(
      {
        left:"0px"
    });
  },
  function() {
    $("#menu").animate(
    {
      left:"-210px"
    });
 
   });
 
});
 
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

No me funciona la función "toggle"

Publicado por joel (895 intervenciones) el 16/12/2020 18:39:38
Creo que tienes mal definida la función toggle, no puedes pasarle como parámetro dos funciones... el primer parámetro es el tiempo y el segundo la función...
https://api.jquery.com/toggle/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

No me funciona la función "toggle"

Publicado por ScriptShow (692 intervenciones) el 18/12/2020 02:32:33
Saludos,

si quieres probar con JavaScript Nativo, compatible, sin librerías...

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
<style>
#menu {
left:-210px;
padding:40px;
margin-top:20px;
position:absolute;
text-align:center;
background:lightblue;
transition:all 0.8s ease;
}
</style>
<script>
function test() {
var x=document.getElementById("menu");
if (x.style.left==="0px") {
x.style.left="-210px";
} else {
x.style.left="0px";
}
}
</script>
<button onclick="test()">M e n u</button>
<div id="menu">
<h2>M e n u</h2>
</div>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar