Native Accordion

• Expand/collapse content
• Nested accordions option
• Keyboard control
• Accessibility compliance
• Animation (when allowed)
• CSS-only fallback
• Mobile-only accordion
• Pop-in grid
• Accordion group
• Themeable via CSS variables
• RTL support
• BEM classes
• No dependencies
• <2 KB gzipped

Demo

<div class="n-accordion">
							
	<button class="n-accordion__label">
		
		Title
		
	</button>
	
	<input type="checkbox">
	
	<div class="n-accordion__content">
		
		<p>Content</p>
		
	</div>

</div>

• npm i --save-dev n-accordion
• require('./node_modules/n-accordion/index.js');

Extracted from niui