HTML Div mit Button ein und ausblenden

Question

Wie kann ich ein Div unsichtbar machen und nur mit einem kleinen Button kann man es ausklappen und einklappen?

Answer 1

Du kannst eine Javascript Funktion dazu schreiben.

function toggle() {
    let d = document.getElementById("myDiv");
    if (d.style.display === "none") {
        d.style.display = "flex";
    } else {
        d.style.display = "none";
    }
}

Und diese mit einem Link oder Button aufrufen.

<div id="myDiv" style="display:none">
    <p>Hello world</p>
</div>

<a href="#" onclick="toggle()">Toggle Div</a>