Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?

Cara Togol Keterlihatan DIV dengan Butang

Soalan:

Bagaimana saya boleh menunjukkan atau menyembunyikan DIV apabila butang adalah diklik?

Jawapan:

Untuk menogol keterlihatan DIV dengan butang, anda boleh menggunakan sama ada JavaScript atau jQuery.

Menggunakan JavaScript Tulen:

1. Dapatkan rujukan kepada elemen butang:

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

2. Tentukan fungsi untuk menogol keterlihatan:

   button.onclick = function() {

3. Dapatkan rujukan kepada elemen DIV:

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

4. Semak sama ada DIV pada masa ini ditunjukkan:

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

5. Togol keterlihatan sewajarnya:

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

Menggunakan jQuery:

1. Pilih butang dan ikat acara klik pengendali:

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

2. Pilih DIV dan togol keterlihatannya:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!