A simple jQuery snippet for those times when you don’t need an entire plugin, but just something quick, and on the spot.
<ul class="accordion"> <li> <div class="heading">Lorem ipsum dolor</div> <div class="content"> Lorem ipsum dolor sit amet... </div> </li> </ul>
//accordion $('.accordion .content').hide(); $('.accordion .heading').click(function(){ $(this).siblings('.content').slideToggle('fast'); $(this).parent().toggleClass('active'); $(this).parent().siblings().children('.content:visible').slideUp('fast'); $(this).parent().siblings().children('.content:visible').parent().removeClass('active'); });
See demo here.