https://github.com/bhaumikpatel/accordion

Create a cool and simple jQuery accordion.
https://github.com/bhaumikpatel/accordion

Last synced: about 1 month ago
JSON representation

Create a cool and simple jQuery accordion.

• Host: GitHub
• URL: https://github.com/bhaumikpatel/accordion
• Owner: bhaumikpatel
• Created: 2013-11-27T06:37:30.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2013-11-29T17:15:02.000Z (about 11 years ago)
• Last Synced: 2024-10-12T06:52:38.964Z (2 months ago)
• Language: JavaScript
• Homepage: http://bhaumikpatel.github.io/accordion/
• Size: 141 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Accordion

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

Create a cool and simple jquery accordion. Lightweight jquery plugin minify 2kb or uncompressed 3kb.



----------

Demo

---------

- [jsFiddle](http://jsfiddle.net/lesson8/96g4h/show/)

Basic Usage

---------

To add this to your website, simply include the latest jQuery library together with `accordion.js`, `accordion.css` into your document's `` and call the function as follows:

```



    
Section 0

    


        


            


                
Sub Category

                
Sub Category

                
Sub Category

            

        

    

    
Section 1

    


        


            Lorem Ipsum is simply dummy text.

    



```

> **NOTE:** Description list `
` and `
` is required for accordion feature defines a term/name in a description list.


####  Call Accordion

```

$('.accordion').accordion({

    open: false, // First List Open, Default Value: false

    autoStart: false, // Auto Start, Default Value: false

    onHoverActive: false, // On Hover Active, Default Value: false

    slideInterval: 3000, // Expression at specified intervals (in milliseconds) Default Value: 3000

    duration: 'slow', // The default duration is slow. The strings 'fast' and 'slow'.

    easing: 'swing', //  An easing function specifies the speed at which the animation progresses.

    complete: function () { console.log('Complete Event'); } 

    //If supplied, the complete callback function is fired once the accordion is complete.

});

```