Question

我在我的网站上使用javascript上的点击事件，点击标题后显示的信息块。那部分有效。但是，一旦我再次点击它，它就不会回到“无”。

var x = 1;

if(x%2 != 0){

    document.getElementById("infoForEmployers").style.display = "block";
    x++;

}else{

    document.getElementById("infoForEmployers").style.display = "none";
    x++;

}

console.log(x);

别介意控制台日志，就是我试图查看x是否在增加。所以基本上所有其他点击都应显示或不显示。

Answer 1

每次设置功能时，x变量都设置为1。

让它成为一个全局变量，你会没事的：

试试这个：

window.x =  window.x || 0 ;

if(window.x%2 != 0){
    document.getElementById("infoForEmployers").style.display = "block";
    window.x++;
}else{

    document.getElementById("infoForEmployers").style.display = "none";
    window.x++;
}

console.log(window.x);

Answer 2

使用此功能切换元素

function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}

为什么我的显示块不会重新出现？

2 个答案: