Wie geht das? Javascript.

Das zweitere.

Sowas ist eigentlich so simpel, dass man es gar nicht falsch machen kann.

Werd erstmal mit JavaScript vertraut, bevor du noch willkürlich Scriptkiddest.

Oder man macht das so:

https://workupload.com/file/FVfbuaV

Da hast du einen Button zum öffnen und einen zum schließen.

nutze kein skype mehr. discord wäre möglich

Zitat von .Eric.

Code

<script> 
function show(id) { 
    if(document.getElementById) { 
        var mydiv = document.getElementById(id); 
        mydiv.style.display = (mydiv.style.display=='block'?'none':'block'); 
    } 
} 
</script> 
<style>
#Testbox {
    width: 400px;
    height: 400px;
    position: absolute;
    background-color: #000000;
    color: #fff;
    padding: 15px;
}
</style>
<a href="" onclick="javascript:show('Testbox'); return false">KLICK MICH ZUM OEFFNEN UND SCHLIESSEN</a> 
<div style="display: none" id="Testbox">DAS IST DER INHALT DER BOX :)</div>

Alles anzeigen

Was bringt dir das, zu prüfen, ob getElementById da ist? Wird das überhaupt irgendwas logisches bringen? Total unnötig.

Außerdem Scripts IMMER am Ende der Seite ausführen lassen.

<style>
    .mystery-box {
        display: none;
        background: #2980b9;
        border: 1px solid #3498db;
        border-radius: 3px;
        padding: 15px;
        color: #fff;
    }
</style>

<div class="mystery-box">ye i am</div>
<button class="btn btn-toggle">r u a wizard?</button>

<!-- Falls jQuery
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
-->
<script>
    // Vanilla
    const mBox = document.getElementsByClassName('mystery-box')[0];
    const mBtn = document.getElementsByClassName('btn-toggle')[0];
    
    mBtn.onclick = function() {
        mBox.style.display == 'block' ?
            mBox.style.display = 'none' :
            mBox.style.display = 'block';
    }
    
    // jQuery
    $('.btn-toggle').click( function() {
        $('.mystery-box').css('display') == 'none' ?
            $('.mystery-box').fadeIn() : // oder ohne Animation: $(this).show();
            $('.mystery-box').fadeOut(); // oder ohne Animation: $(this).hide();
    });
</script>

Ungetestet, sollte aber reichen.

Zitat von Aarivex

Was bringt dir das, zu prüfen, ob getElementById da ist? Wird das überhaupt irgendwas logisches bringen? Total unnötig.

Außerdem Scripts IMMER am Ende der Seite ausführen lassen.

Code

<style>
    .mystery-box {
        display: none;
        background: #2980b9;
        border: 1px solid #3498db;
        border-radius: 3px;
        padding: 15px;
        color: #fff;
    }
</style>

<div class="mystery-box">ye i am</div>
<button class="btn btn-toggle">r u a wizard?</button>

<!-- Falls jQuery
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
-->
<script>
    // Vanilla
    const mBox = document.getElementsByClassName('mystery-box')[0];
    const mBtn = document.getElementsByClassName('btn-toggle')[0];
    
    mBox.onclick = function() {
        mBox.style.display == 'none' ?
            mBox.style.display = 'block' :
            mBox.style.display = 'none';
    }
    
    // jQuery
    $('.mystery-box').click( function() {
        $(this).css('display') == 'none' ?
            $(this).fadeIn() : // oder ohne Animation: $(this).show();
            $(this).fadeOut(); // oder mit Animation:  $(this).hide();
    });
</script>

Alles anzeigen

Ungetestet, sollte aber reichen.

Naja es tut was es soll und außerdem schnell und einfach - zum demonstrieren. Da muss ich nicht auf sauberkeit achten weil es eine Demo sein soll damit er es eventuell mal verstehen wird (irgendwann)

Zitat von .Eric.

if(document.getElementById) {

hä what the fuck alter?

Zitat von baerenstark

hä what the fuck alter?

funktioniert also ok

Zitat von .Eric.

funktioniert also ok

Solche Probleme kenne Ich vielleicht von der Anwendungsentwicklung als Meme - "hauptsache es funktioniert", aber doch nicht hier. Du prüfst nur, ob die Funktion, die es eigentlich so gut wie immer gibt, nach ihrem da sein. (nicht einmal das)

Ich glaube kaum, dass es Leute gibt, die noch bei Firefox < 2.9 & Internet Explorer < 8.9 rumhängen. (zumindest nicht hier)