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 "