Bagaimana untuk Togol Keterlihatan Div dengan Butang?

Togol Keterlihatan Div dengan Butang

Artikel ini menangani tugas biasa untuk menogol keterlihatan elemen div menggunakan butang.

Masalah:

Anda mempunyai div yang ingin anda sembunyikan atau tunjukkan bergantung pada interaksi pengguna dengan butang.

Penyelesaian:

JavaScript Tulen:

<code class="javascript">var button = document.getElementById('button'); // Assumes element with id='button'

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

jQuery:

<code class="javascript">$("#button").click(function() { 
    // assumes element with id='button'
    $("#newpost").toggle();
});</code>

Dengan menggunakan skrip ini, anda boleh mengawal keterlihatan elemen div anda secara dinamik, membolehkan pengguna menyembunyikan atau mendedahkan kandungannya seperti yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Togol Keterlihatan Div dengan Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!