Added the option to disable the click interaction on the headers

[elbojoloco]

Sometimes it's useful to disable manual opening/closing of the accordion, imagine a stepped procedure where the accordions need to be "fulfilled" in a specific order.

Instead of having to overwrite the click listener and use event.preventDefault() to then add custom functionality is not very clean, this is why I added the option to disable them easily. I myself use the vue wrapper of this package, which just forwards the props to settings. The result would look like this in both variants:

Vanilla

var accordion = new BadgerAccordion('.js-badger-accordion', {
    headersClickable: false
});

Vue

<badger-accordion :options="{ headersClickable: false }">
...
</badger-accordion>

[stuartjnelson]

Hello!

Thanks for raising the PR. Sorry I haven't merged it in yet. I will get to it in the next few weeks.

All best,
Stuart

[stuartjnelson]

Hi @elbojoloco,

Thanks for the PR. I renamed the option to addListenersOnInit and updated the docs. You're on the contributors' list now.

Cheers!
Stuart

[LordZardeck]

@stuartjnelson did this actually get released? Installed this from NPM @Version 1.2.3, but it's not in the code.

[stuartjnelson]

Sorry, @LordZardeck I've messed up the release. I'll get this sorted this weekend.

[stuartjnelson]

I've sorted this out now in 1.2.4