Animasi Sliding Content Box menggunakan JQuery merupakan animasi yang menggunakan sebuah icon dimana saat di click akan menampilkan sebuah box atau kotak untuk content yang tersembunyi, dan disini saya akan mencoba membuatnya baiklah supaya tidak penasaran mari dimulai saja ,sahabat bisa ikuti langkah-langkah berikut ini:Langkah pertama dibuat dulu script HTML nya seperti dibawah ini:

Langkah Kedua buat file CSS nya sebagai berikut ini:

Berikutnya sahabat bisa menambahkan plugin JQuery ,jika sebelumnya belum punya file jquery bisa langsung download melalui link disini .Sahabat bisa ketikan linknya disisipkan bagian tag <head> , dan selanjutnya ketikkan script dibawah ini :

Script diatas berfungsi untuk saat posisi icon di click, nah hasilnya pada browser seperti dibwah ini:icon-sebelum-di-click  icon-setelah-di-click

dapat dilihat gambar diatas sebelah kiri dimana icon belum di klik, dan saat diklik maka akan tampilanya pada bagian sebelah kanan,jika ingin kembali lagi diklik kembali icon yanh berwarna hijau.

baiklah saya kira cukup pembahasan artikel kali ini tentang Cara Membuat Animasi Sliding Content Box Dengan JQuery , semoga bermanfaat dan sampai ketemu lagi dengan artikel lainnya. terima kasih