• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[GELÖST] DIV ein/ausblenden

Lpark

New member
Hallo, ich finde verdammt noch mal meinen Fehler nicht, bzw. weiß nicht, wo ich einen gemacht habe...
Vielleicht kann mir ja jemand helfen, es geht darum, ein DIV-Element über eine Website zu legen und diese nach Belieben ein- und ausblenden zu können.
Hier der Code:

HTML:
<div id="cover">    </div>

<div id="here"> <font>hide/show</font></div>

CSS
Code:
#cover{
    position: fixed;
    z-index: 1000;
    background-color: hsla(0, 0%, 0%, 0.8);
    width: 1700px;
    height: 675px;
    top: 270px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}

JavaScript
Code:
window.addEventListener("DOMContentLoaded", start, false);


function start(){
    document.getElementById("here").addEventListener("click", hideAndShow, false);
}

function hideAndShow(){

    var ele = document.getElementById("cover");

    if(ele.style.display == "none"){
        ele.style.dispaly = "block";
    }
    else{
        ele.style.display = "none";
    }
}

Das Element verschwindet nur, display wird auf "none" gesetzt aber nicht zurück auf "block"..
Die Konsole zeigt leider auch keine Fehler an.
 
Zuletzt bearbeitet von einem Moderator:
Eledigt.

Nein eigentlich nicht.
Aber da sieht man mal wieder wie gut sich die kleinen Schreibfehler verstecken können. :rolleyes:
 
Zurück
Oben