ExpandifyCSS is a simple yet powerful CSS-only library for creating expandable and collapsible sections. 🚀
- Pure CSS: No need for JavaScript.
- Lightweight: Extremely minimal footprint.
- Customizable: Easy to modify to suit your design.
- Download the
expandify.css
file from the GitHub Repository. - Include it in your HTML file like this:
<link rel="stylesheet" href="path/to/expandify.css">
<div class="expandableSection">
<div class="expandableSection-inner">
<!-- Your content -->
</div>
</div>
<button id="btn">Toggle</button>
document.getElementById('btn').addEventListener('click', function() {
document.querySelector('.expandableSection').classList.toggle('expanded');
});
Customize it easily with your own CSS.
Pull requests are welcome. For major changes, please open an issue first.
- GitHub: @armennersisyan
- Email: [email protected]