2017-07-22 7 views
0

Ich verwende ein On-Click-Ereignis auf Javascript für meine Website und sobald die Überschrift angeklickt ist, wird der Informationsblock angezeigt. Dieser Teil funktioniert. Aber sobald ich es erneut anklicke, geht es nicht zurück zu "none".Warum wird mein Anzeigeblock nicht wieder angezeigt?

Egal, das Konsolenprotokoll, das war ich versuche zu sehen, ob X stieg. Grundsätzlich sollte also jeder andere Klick entweder zeigen oder nicht zeigen.

+0

Wenn der gesamte Code zu wechseln ist in eine Funktion, dann wird "x" jedes Mal, wenn die Funktion ausgeführt wird, auf "1" initialisiert. –

+0

ah ich sehe, wie würde ich das umgehen? –

+0

Verschieben Sie 'var x = 1;' außerhalb der Funktion. –

Antwort

0

Ihre x-Variable wird jedes Mal auf 1 gesetzt, wenn Sie die Funktion einstellen.

es eine globale Variable und Sie werden fein:

versuchen Sie dies:

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); 
0

Mit dieser Funktion das Element

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