Saat kami menulis halaman pendaftaran, informasi yang diperlukan terlihat dan informasi opsional disembunyikan. Jika pengguna ingin mengisinya, mereka dapat mengklik "Detail".
Copy kode kodenya sebagai berikut:
<!-- Kode berikut menggunakan javascript untuk menampilkan dan menyembunyikan informasi -->
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip tipe="teks/javascript">
fungsi $(nilaiid){
kembalikan dokumen.getElementById(idvalue);
}
fungsi teks pertunjukan(){
if($('text').style.display == 'tidak ada'){
$('teks').style.display = '';
}kalau tidak{
$('teks').style.display = 'tidak ada';
}
}
</skrip>
</kepala>
<tubuh>
<div id="text" style="display:none;">Berikut informasi tersembunyinya</div>
<button id="morebtn" onclick="showtext();">Detail</button>
</tubuh>
</html>