使用js添加和删除函数onclick

Question

所以我想添加一个函数，当我单击一个div时它会移动，但当我单击其他东西时它会移回原来的位置，我也想在这里使用gsap。我试着使用if-else语句，但我不知道想放在这里(有两颗星的部分(：

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 }) 
}

这是代码笔链接：https://codepen.io/sowg/pen/GRvQxpN

Answer 1

我发现了这一点，为此我使用了切换类列表，

以下是它的工作原理：

// Variables
btnSide1.onclick = function () {
btnSide1.classList.toggle("activex1");
};

.activex1 { left: 30vmin !important }

所以当我点击div时，它会移动位置

Answer 2

您有一个打字错误。

if (btnSide1 === active)