Comment basculer la visibilité des éléments avec JavaScript et jQuery ?

Basculer la visibilité des éléments avec un bouton

En HTML, il est parfois nécessaire de masquer ou d'afficher des éléments de manière dynamique en fonction des actions de l'utilisateur. Un scénario courant consiste à basculer la visibilité d'un div avec un bouton. Voici comment y parvenir en utilisant du JavaScript pur et jQuery.

JavaScript pur :

Cette méthode implique de manipuler la propriété d'affichage de l'élément :

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 simplifie le processus avec le toggle() méthode :

$("#button").click(function() { 
    // assumes element with>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!