Hallo sahabat, berjumpa kembali bersama saya di Kursus Web Design. Dalam kesemparan ini kita akan belajar tentang Cara Membuat Load More Dengan HTML CSS dan jQuery. Load more yang akan dibuat disini ,ada content yang tersembunyi dimana akan dimunculkan.

Kenapa harus ada load more atau sebuah button yang click, agar kita dapat melihat content yang tersembunyi. Tujuan ada sebuah button load more tentu ada maksudnya yaitu agar content tidak terlalu banyak yang ditampilkan atau untuk membuat tampilan pada website dengan content banyak bisa lebih rapih.

Bagaimana Cara Membuat Load More Dengan HTML CSS dan jQuery ,yuk ikuti langkah-langkah berikut ini:

Pertama sahabat buat struktur HTML terlebih dahulu seperti dibawah ini:

Kedua kita akan menyisipkan library dari jQuery dan Fontawesome

Selanjutnya tambahkan style CSS agar tampilan lebih mnearik seperti code berikut

Dan langkah berikutnya yaitu menyisipkan script agar kita saat kita click button bisa menampilkan banyak content serta mengembalikan kembali seperti semula. Silahkan sahabat ketikkan script event click untuk load more dibawah ini

saya kira cukup dalam pembahasan tentang Cara Membuat Load More Dengan HTML CSS dan jQuery, semoga dapat membantu sahabat dan selamat mencoba.

terima kasih

WhatsApp chat