Entonces, quiero agregar una función que cuando hago clic en un div se mueve, pero cuando hago clic en otra cosa, vuelve a su posición original, quiero usar gsap aquí también. Intenté usar una declaración if else pero no sabía que quería ponerla aquí (la parte donde hay dos estrellas):
let btnSide1 = document.querySelector('.button-side-one'), btnSide2 = document.querySelector('.button-side-two'), btnTop = document.querySelector('.button-top'), btnBig = document.querySelector('.button-big'); if (btnSide1 = **active**) { gsap.to(btnSide1, .5, { x: 3 }) } else { gsap.to(btnSide1, .5, { x: 0 }) }aquí está el enlace codepen para esto: https://codepen.io/sowg/pen/GRvQxpN
Me di cuenta de esto. Usé la lista de clases de alternancia para esto,
Así es como funciona:
// Variables btnSide1.onclick = function () { btnSide1.classList.toggle("activex1"); }; .activex1 { left: 30vmin !important }Entonces, cuando hago clic en el div, se mueve de posición
Tienes un error tipográfico.
if (btnSide1 === active)