Hallo,
ich möchte ein div erscheinen lassen, abhängig von einer dynamisch vergebenen CSS Klasse.
HTML
<ul>
<li>...</li>
<li class="dropdown open" onclick="myFunction()">.. </li>
<li>...</li>
<li class="dropdown" onclick="myFunction()">.. </li>
<li>...</li>
<li>...</li>
</ul>
<div id="white"></div>
Falsches Javascript:
function myFunction() {
var x = document.getElementById('white');
if (document.querySelector(".open"); {x.style.display = 'block';} else {x.style.display = 'none';}
}
Die Klasse "open" wird dynamisch vergeben über das Bootstrap Template. Will heißen, dass sie nicht immer im ersten List-Element auftaucht.
Ich möchte mich da dran hängen. Immer wenn die Klasse "open" erscheint, soll das div"White" ebenfalls erscheinen. Wenn "open" verschwindet, soll auch "white" verschwinden.
Zu sehen ist das Ganze unter okp.webseiten.cc im horizontalen Menü. Wenn alles richtig funktioniert, dann wird beim Klick die Seite transparent.
Aber es funktioniert nicht. Was mache ich falsch?
Vielen Dank im voraus für alle Hilfe.
Marianne