Comment puis-je afficher ou masquer un élément DIV à l'aide d'un clic sur un bouton ?

Comment basculer la visibilité d'un DIV avec un bouton

Question :

Comment puis-je afficher ou masquer un DIV lorsqu'un bouton est cliqué ?

Réponse :

Pour basculer la visibilité d'un DIV avec un bouton, vous pouvez utiliser JavaScript ou jQuery.

Utilisation de JavaScript pur :

1. Obtenir une référence au bouton element:

   var button = document.getElementById('button');

2. Définir une fonction pour basculer la visibilité :

   button.onclick = function() {

3. Obtenir une référence à l'élément DIV :

   var div = document.getElementById('newpost');

4. Vérifiez si le DIV est actuellement affiché :

   if (div.style.display !== 'none') {

5. Basculez la visibilité en conséquence :

       div.style.display = 'none'; // Hide
   }
   else {
       div.style.display = 'block'; // Show
   }
   };

Utilisation de jQuery :

1. Sélectionnez le bouton et liez un événement de clic gestionnaire :

   $("#button").click(function() {

2. Sélectionnez le DIV et activez sa visibilité :

       $("#newpost").toggle();
   });

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!