[GELÖST] DIV ein/ausblenden

[Lpark]

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:

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

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

CSS

#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

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.

 

[mikdoe]

ele.style.dispaly
War das ein Test?

 

[Lpark]

Eledigt.

Nein eigentlich nicht.
Aber da sieht man mal wieder wie gut sich die kleinen Schreibfehler verstecken können.