`s and this will take care of the rest, adding the proper ARIA attributes. You can add custom IDs to the `
`s and the library will default to those. If you don't add IDs the library will generate them for you.\n\n\n## Initialize\nIn whichever file you initialize your JavaScript components, initialize the accordion like so:\n\n```js\n\tvar accordion = require('@18f/accordion');\n\n\t// Required element to turn into an accordion\n\tvar elm = document.querySelector('.js-accordion');\n\n\t// Optional configurion objects\n\tvar selectors = { ... };\n\tvar opts = { ... };\n\n\tnew accordion.Accordion(elm, selectors, opts);\n```\n\n\n# Configuration\nThe constructor requires an HTML element to turn into the accordion.\n\nThe constructor accepts an optional hash of selectors as its second parameter:\n\n- `trigger`: CSS selector for the elements to turn into the accordion triggers. The component will look for these items' next sibling to turn into the accordion content that is hidden and revealed. _Default_: `button`\n\nYou can also pass a hash of options. Currently, the only option is:\n\n- `collapseOthers`: Boolean for whether or not to collapse all other panels when one panel is open. _Default_: `false`\n- `customHiding`: Boolean for whether or not to use your own CSS to hide collapsed content areas. _Default_: `false`\n- `contentPrefix`: String prefix for the content div IDs in order to have multiple accordions on the same page. _Default_: `accordion`\n- `openFirst`: Boolean for whether or not to open the first item by default. _Default_: `false`\n- `reflectStatic`: Boolean for whether or not the accordion should reflect any attributes (`aria-hidden` and `aria-expanded`) that were rendered statically. _Default_: `false`\n\n# Styling\nYou're free to add classes and style your markup however you please. By default, the component sets any content element with `[aria-hidden=\"true\"]` to `display: none` inline, but you can override this to use your own custom hiding styles with the `customHiding` property. To style the buttons when they panel is open vs closed, target `[aria-expanded=\"true\"]`.\n\n\n# License\n## Public domain\n\nThis project is in the worldwide [public domain](LICENSE.md). As stated in [CONTRIBUTING](CONTRIBUTING.md):\n\n> This project is in the public domain within the United States, and copyright and related rights in the work worldwide are waived through the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).\n>\n> All contributions to this project will be released under the CC0 dedication. By submitting a pull request, you are agreeing to comply with this waiver of copyright interest.\n","readmeFilename":"README.md"}