Micro Accordion

JQuery Micro Accordion Plugin is a small (1.33 KB) plugin that creates a simple accordion - no bells or whistles. It's pretty easy to use just download it at the bottom of this post. A demo is included in the download.

Features

• It hasn't much features (you're not going to need anyway ...)
• Easy to implement.
• Supports custom Animations.
• It's small!

Screenshot

Demo
Try it here

Usage
The HTML Code:

<div class="microaccordion">
 <div class="micro">
  <a href="#">Title 1</a>
  <div>Content 1</div>
 </div>
 <div class="micro">
  <a href="#">Title 2</a>
  <div>Content 2</div>
 </div>
</div>

The JS Code:

$('.microaccordion').microAccordion({
 cssClassOpen: 'header-open',
 cssClassClosed: 'header-closed',
 cssClassHoverOpen: 'header-hover-open',
 cssClassHoverClosed: 'header-hover-closed',
 cssClassContent: 'content',
 openSingle: true,
 closeFunction: function (obj) {
   obj.hide();
 },
 toggleFunction: function (obj) {
   obj.toggle();
 }
});

Questions or problems? Just leave a comment.


Download
Get the following file hosted on ubuntu one:
Download Here