Unser Popup ist natürlich nicht schwer auszublenden. Statt
document.getElementById('fensterlein').style.display = 'block'
müssen wir einfach das Umgekehrte ausführen lassen:
document.getElementById('fensterlein').style.display = 'none'
Wir machen gar nichts Neues, sondern verbinden diesen Befehl mit einem <button>,
wie wir's mit dem ersten gemacht haben. Dieser zweite Button sieht dann so aus:
<button type="button" onclick="document.getElementById('fensterlein').style.display = 'none'"> X </button>
Und den stellen wir an den Anfang unserer eingeblendeten <div id="fensterlein">.
Zugegeben, es ist noch nicht besonders schön, aber es funktioniert bereits: Ein Klick auf das X
bringt das Popup wieder zum Verschwinden.
Ausprobieren: Hier sind die .
Damit können wir dieses Popup bereits beliebig häufig ein- und ausklappen.
Nun werden wir es noch ein wenig verschönern.