Postingan lainnya

Detail Data tabel dengan slideToggle

Simulasinya kek gini, saya punya data: 1. Rahman

 detail

2. Faruq

 detail

Jadi saya ingin hide detailnya, ketika diklik akan muncul detail. Tapi saya tidak ingin menggunakan id di div nya, soalnya datanya lopping PHP. Mohon bantuannya Gan. Terima kasih

php javascript

@erfaruq

25 Kontribusi 3 Poin

Diperbarui 5 tahun yang lalu

3 Jawaban:

Jawaban Terpilih

coba ini gan <pre> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> function det(id) { var id = id.split('_'); id = id[1]; $("div#"+id).slideToggle(); } </script> </head> <body>

<div id= "1">This is a paragraph.</div> <button id="d_1" onClick="det(this.id)">Toggle slideUp() and slideDown()</button> <div id= "2">This is a paragraph.</div> <button id="d_2" onClick="det(this.id)">Toggle slideUp() and slideDown()</button> <div id= "3">This is a paragraph.</div> <button id="d_3" onClick="det(this.id)">Toggle slideUp() and slideDown()</button>

</body> </html> </pre>

@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

Halo.

Seperti apa kode PHP loopingnya? Boleh dipaste di sini?

Maksudnya mas ingin div detail dalam keadaan hide ketika pertama kali halaman dibuka?

Tambahkan attribute style="display:none" saja pada divnya mas. atau pakai css div { style="display:none"; }

Tapi hati hati ketika pakai CSS ya, pastikan hanya diaplikasikan pada selector yang benar.

@tompradana

134 Kontribusi 95 Poin

Dipost 5 tahun yang lalu

Terima kasih Gan @dianarifr sangat membantu

@erfaruq

25 Kontribusi 3 Poin

Dipost 5 tahun yang lalu