https://github.com/gbbr/uberaccordion

jQuery Responsive Accordion Plug-in
https://github.com/gbbr/uberaccordion

Last synced: about 2 months ago
JSON representation

jQuery Responsive Accordion Plug-in

• Host: GitHub
• URL: https://github.com/gbbr/uberaccordion
• Owner: gbbr
• Created: 2014-02-19T13:31:52.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-04-15T08:27:32.000Z (about 11 years ago)
• Last Synced: 2025-01-28T01:15:24.693Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 137 KB
• Stars: 2
• Watchers: 5
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
UberAccordion

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

jQuery Accordion Plug-in (fluid and responsive)

Supported browsers: FireFox, Chrome, Safari, IE8+

Example

---------------

Below is a minimal example of setting up an accordion.

### HTML

```html



  


    


      
Slide One

      


        Content for slide one is rendered from here.

      

    

    

    


      
Slide Two

      


        Content for slide two is rendered from here.

      

    

    

    


      
Slide Three

      


        Content for slide three is rendered from here.

      

    

  



```


### JavaScript

```javascript

  $('.accordionContainer').uberAccordion({

    headerClass: 'title',

    contentClass: 'content' 

  });

```

`headerClass` and `contentClass` are optional parameters. By default, the header will be identified as `h1` and the content as the neighbouring `div`

Configuration

-------------

  

    OptionDefaultDescription

  

  

    activeSlideClassactiveName of the class to be added to the list element that represents the active slide

  

  

    orientationhorizontalCan be "vertical" or "horizontal"

  

  

    orientationQuerynullMedia query that triggers orientation change. Example: { max-width: 300px; }

  

  

    verticalClassaccordion-verticalClass to be added when orientation is vertical.

  

  

    horizontalClassaccordion-horizontalClass to be added when orientation is horizontal.

  

  

    startSlide1Opens this slide when accordion is loaded.

  

  

    openMultiplefalseAllows multiple slides to be open at a time.

  

  

    autoPlayfalseSet auto-play to "true"

  

  

    autoPlaySpeed5000Speed of auto-play. Defaults to 5 seconds.

  

  

    slideEventclickEvent that triggers opening the slides. Default is 'click'

  

  

    animationSpeed200Animation speed of opening the slides.

  

  

    headerClassundefinedOptional Defines the class of the header item. By default, the script will look for an h1 element. This can be used when a different kind of mark-up set-up is desired.

  

  

    contentClassundefinedOptional Defines the class of the content item. Same as above.