javascript - 在html中使用'onclick'进行javascript函数只能工作一次

简而言之，我正在尝试创建一种滑出div并使clicking在webpage上的按钮可见的方法。我的css和布局看起来正确，并且animation运行一次，但随后不再起作用。

这是完整的js文件

var button1Toggle;
var button2Toggle;
var button3Toggle;

button1Toggle = false;

function slideOutFunc() {
    if (button1Toggle == false) {
        document.getElementById('fade-in1').style.left = '0';
        document.getElementById('fade-in1').style.opacity = '1';
        button1Toggle = true;
    } else {
        document.getElementById('fade-in1').style.left = '-33vw';
        document.getElementById('fade-in1').style.opacity = '0';
        button1Toggle = true;
    }
}

<button id="clickApply" class="applyButton" onclick="slideOutFunc()"><a>Apply</a></button>

这是调用函数的html portion

任何有助于理解为什么它只能工作一次的帮助将不胜感激。

最佳答案

sildeOutFunc中的两个条件都将buttonToggle设置为true

关于javascript - 在html中使用'onclick'进行javascript函数只能工作一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55796724/