Wie kann ich ein DIV-Element per Knopfdruck ein- oder ausblenden?

So schalten Sie die Sichtbarkeit eines DIV mit einer Schaltfläche um

Frage:

Wie kann ich ein DIV ein- oder ausblenden? wenn ein Knopf ist angeklickt?

Antwort:

Um die Sichtbarkeit eines DIV mit einer Schaltfläche umzuschalten, können Sie entweder JavaScript oder jQuery verwenden.

Mit reinem JavaScript:

1. Rufen Sie einen Verweis auf die Schaltfläche ab Element:

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

2. Definieren Sie eine Funktion zum Umschalten der Sichtbarkeit:

   button.onclick = function() {

3. Rufen Sie einen Verweis auf das DIV-Element ab:

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

4. Überprüfen Sie, ob der DIV aktuell ist angezeigt:

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

5. Sichtbarkeit entsprechend umschalten:

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

Mit jQuery:

1. Wählen Sie die Schaltfläche aus und binden Sie ein Klickereignis Handler:

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

2. Wählen Sie das DIV aus und schalten Sie seine Sichtbarkeit um:

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

Das obige ist der detaillierte Inhalt vonWie kann ich ein DIV-Element per Knopfdruck ein- oder ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!