Wie kann ich die Div-Sichtbarkeit mit einer Schaltfläche mithilfe von JavaScript oder jQuery steuern?

So manipulieren Sie die Div-Sichtbarkeit mithilfe einer Schaltfläche

Sie können die Sichtbarkeit eines Div-Elements über eine Schaltfläche mithilfe verschiedener Ansätze steuern. So geht's:

Reines JavaScript:

Diese Methode nutzt die Anzeigeeigenschaft von CSS:

var button = document.getElementById('button');
button.onclick = function() {
    var div = document.getElementById('newpost');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
};

jQuery:

jQuery bietet eine prägnantere Lösung Ansatz:

$("#button").click(function() {
    $("#newpost").toggle();
});

Erklärung:

Die JavaScript-Methode schaltet die Anzeigeeigenschaft des Div direkt zwischen „none“ (versteckt) und „block“ (sichtbar) um. . Die jQuery-Methode verwendet die Funktion toggle(), die das Ein- und Ausblenden von Vorgängen bequem handhabt.

Das obige ist der detaillierte Inhalt vonWie kann ich die Div-Sichtbarkeit mit einer Schaltfläche mithilfe von JavaScript oder jQuery steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!