Cara Membuat Sidebar Accordion Dengan Efek Bounce

Sidebar Accordion Dengan Efek Bounce - Kesibukan yang sangat padat membuat blog ini terlantarkan, namun pada hari ini mumpung tidak lagi sibuk, jadi saya mau share sesuatu yang sedikit menarik untuk kaliian, khususnya para sahabat blogger, Sebenarnya dulu saya pernah posting tutorial sejenis dengan ini, jadi disini saya  hanya akan memberikan scriptnya saja,.


Sidebar-Accordion-Dengan-Efek-Bounce

Sidebar Accordion Dengan Efek Bounce



<script src='http://reader-hosting.googlecode.com/files/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>


Yah itu saja sih scriptnya,. Namun Bagi yang belum mengerti Bagaimana Cara Memasangnya, silahkan baca artikel saya sebelumnya tentang Membuat Sidebar Accordion.
Jika ada yang kurang jelas, silahkan saja bertanya dengan berkomentar.
Semoga Bermanfaat.
0 Komentar untuk " Cara Membuat Sidebar Accordion Dengan Efek Bounce "