Timer
Mitglied
Hey,
Ich habe mir ein DropDown Menü erstellt. Leider ist nun das Problem, wenn ich auf den DropDownContent drücke, sich dieses einklappt. Leider weiß ich nicht wie ich das verhindere. Hat jemand ne Idee?
s
Das "!event.target.matches("#accountDropDownContent")" War jetzt eigentlich das Einzige, was mir eingefallen ist, was ich machen könnte. Leider hilft das nicht. Wie könnte ich das sonst noch machen?
CSS habe ich jetzt mal weggelassen, da das in dem Fall unnötig ist...
PS: Kann gut sein, dass das sehr schlecht gelöst ist, da meine letzte gute/aufwändige Webseite schon länger her ist. Darum bitte nicht mit Kritik sparen ^^
Ich habe mir ein DropDown Menü erstellt. Leider ist nun das Problem, wenn ich auf den DropDownContent drücke, sich dieses einklappt. Leider weiß ich nicht wie ich das verhindere. Hat jemand ne Idee?
s
HTML:
<div id="dropDownButtons">
<a onclick="accountDropDown()" id="accountDropDown-a">Account</a>
</div>
<div id="accountDropDownContent" onclick="accountDropDownClick()">
</div>
Code:
function accountDropDown() {
if(accountDrop == 0) {
document.getElementById("accountDropDownContent").style.display="block";
accountDrop = 1;
}
else {
document.getElementById("accountDropDownContent").style.display="none";
accountDrop = 0;
}
}
window.onclick = function(event) {
if(!event.target.matches("#accountDropDown-a") && !event.target.matches("#accountDropDownContent")) {
document.getElementById("accountDropDownContent").style.display="none";
accountDrop = 0;
}
}
CSS habe ich jetzt mal weggelassen, da das in dem Fall unnötig ist...
PS: Kann gut sein, dass das sehr schlecht gelöst ist, da meine letzte gute/aufwändige Webseite schon länger her ist. Darum bitte nicht mit Kritik sparen ^^