Membuat Cloning Collapse di HTML
Kelas .collapse menunjukkan elemen dilipat (<div> di contoh kita); ini adalah konten yang akan ditampilkanatau disembunyikan dengan mengklik tombol.
Untuk mengontrol (show / hide) isi dilipat, menambahkan data-ubah = "runtuh" atribut ke <a> atau<button> elemen. Kemudian tambahkan data-target = "# id" atribut untuk menghubungkan tombol dengankonten dilipat (<div id = "demo">)
Catatan: Untuk elemen <a>, Anda dapat menggunakan atribut href bukan data atribut-sasaran:
contoh :
Untuk mengontrol (show / hide) isi dilipat, menambahkan data-ubah = "runtuh" atribut ke <a> atau<button> elemen. Kemudian tambahkan data-target = "# id" atribut untuk menghubungkan tombol dengankonten dilipat (<div id = "demo">)
Catatan: Untuk elemen <a>, Anda dapat menggunakan atribut href bukan data atribut-sasaran:
contoh :
Langkah 1 : Buka Text Editor
Setelah menentukan dan membuat teks seperti diatas, langkah selanjutnya adalah mendesain tag collapse diatas.
<!DOCTYPE html>
<html>
<body>
<details>
<summary>Copyright 2017-2018.</summary>
<p> - Jejak Mountain. All Rights Reserved.</p>
<p>Ini adalah Contoh seperti Collapse by Jejak Mountain.</p>
</details>
</body>
</html>
Sekian dari saya semoga artikel ini bermanfaat :D
<html>
<body>
<details>
<summary>Copyright 2017-2018.</summary>
<p> - Jejak Mountain. All Rights Reserved.</p>
<p>Ini adalah Contoh seperti Collapse by Jejak Mountain.</p>
</details>
</body>
</html>
Post a Comment