Header Ads

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> elemenKemudian 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>



Lalu seperti gambar yang Luthfian buat, ini adalah Sintax nya dan hasil jadi nya 


Sekian dari saya semoga artikel ini bermanfaat :D

No comments

Powered by Blogger.