Headline
My fancy collapsible content.
```
5. Call the plugin
```html
```
## Configuration
Option | Type | Default | Description
--- | --- | --- | ---
accessibility | boolean | true | Enable accessibility features like tab control
trigger | string | '.beefup__head' | Selector of the trigger element
content | string | '.beefup__body' | Selector of the collapsible content
openClass | string | 'is-open' | Name of the class which shows if a accordion is triggered or not
animation | string | 'slide' | Set animation type to "slide", "fade" or leave empty ""
openSpeed | integer | 200 | Set the speed of the open animation
closeSpeed | integer | 200 | Set the speed of the close animation
scroll | boolean | false | Scroll to accordion on open
scrollSpeed | integer | 400 | Set the speed of the scroll animation
scrollOffset | integer | 0 | Additional offset to accordion position
openSingle | boolean | false | Open just one accordion at once
stayOpen | mixed | null | Leave items open, accepts null, integer (index) or string (selector, "first" or "last")
selfBlock | boolean | false | Block close event on click
selfClose | boolean | false | Close accordion on click outside
hash | boolean | true | Open accordion with id on hash change
breakpoints | array | null | Array of objects, see [example](https://schascha.github.io/BeefUp/#breakpoints)
onInit | function | null | Callback: Fires after the accordions initially setup
onOpen | function | null | Callback: Fires after the accordions initially setup
onClose | function | null | Callback: Fires after the accordions initially setup
onScroll | function | null | Callback: Fires after the accordions initially setup
## Advanced
### API Methods
```javascript
var $beefup = $('.beefup').beefup();
```
#### Open
```javascript
$beefup.open($('#beefupID'));
```
#### Close
```javascript
$beefup.close($('#beefupID'));
```
#### Click
```javascript
$beefup.click($('#beefupID'));
```
#### Scroll
```javascript
$beefup.scroll($('#beefupID'));
```
### Callbacks
```javascript
$('.beefup').beefup({
onInit: function ($this) {
// Do something after initially setup
},
onOpen: function ($this) {
// Do something after accordion open the content
},
onClose: function ($this) {
// Do something after accordion close the content
},
onScroll: function ($this) {
// Do something after scroll animation
}
});
```
### HTML5 data attributes
```html