Membuat Sidebar Accordion Pada Blog Dengan jQuery Efek
Penggunaannya :
Pertama-tama masuklah ke halaman editor HTML template Anda
lalu temukan kode berikut:
</head>
Kemudian salin kode di bawah ini dan letakkan di atasnya:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='https://cekidot.96.lt/file/js/jquery-easing-1.3.pack.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(function () {
$('#sidebar-wrapper .widget-content').hide();
$('#sidebar-wrapper h2:last').addClass('active').next().slideDown('slow', "easeOutBounce");
$('#sidebar-wrapper h2').css('cursor', 'pointer').click(function () {
if ($(this).next().is(':hidden')) {
$('#sidebar-wrapper h2').removeClass('active').next().slideUp('slow', "easeOutBounce");
$(this).toggleClass('active').next().slideDown('slow', "easeOutBounce");
} else {
$(this).removeClass('active').next().slideUp('slow', "easeOutBounce");
}
});
});
//]]>
</script>
Kode yang Admin beri tanda diatas adalah jQuery. Jika template Anda sudah dilengkapi dengan JQuery, singkirkan kode tersebut. Sekarang coba simpan template Anda dan lihat hasilnya..
Sejauh ini belum ada komentar yang masuk. Mulailah memberikan saran, kritikan yang bersifat membangun.