🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight jQuery accordion plugin that uses Bootstrap styles to create a responsive, nice-looking accordion control with custom slideUp & slideDown animations.

Bootstrap

Documentation

jquery.accordion

================

A simple, lightweight, responsive jQuery Accordion

Install

<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.accordion.js"></script>

Sample Structure

HTML attributes: [data-acc-link] => Set a name that match with the content [data-acc-content] => Set a name that match with the link  <div class="example1"> 	<div class="panel"> 	  <div class="panel-heading" data-acc-link="demo1">Demo1</div> 	  <div class="panel-body acc-open" data-acc-content="demo1"> 	    Content here 	  </div> 	</div> </div>

Usage

$(function() { 	$('.example1').accordion({ 		duration: 400 // default is 200, 		multiOpen: false //default is true 	}); });

Options

duration: 400, // animation speed of the open / close item  multiOpen: true/false, // default is "true". Set to "false" if you want to open one by one 

You May Also Like