Skip to content

A lightweight, CSS-only library for creating expandable and collapsible sections with ease. Say goodbye to JavaScript struggles for animating blocks with dynamic height.

Notifications You must be signed in to change notification settings

armennersisyan/ExpandifyCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 ExpandifyCSS 🌟

Version

ExpandifyCSS is a simple yet powerful CSS-only library for creating expandable and collapsible sections. 🚀

📸 Demo

Demo

🎉 Features

  • Pure CSS: No need for JavaScript.
  • Lightweight: Extremely minimal footprint.
  • Customizable: Easy to modify to suit your design.

🚀 Quick Start

Download

  1. Download the expandify.css file from the GitHub Repository.
  2. Include it in your HTML file like this:
<link rel="stylesheet" href="path/to/expandify.css">

HTML

<div class="expandableSection">
  <div class="expandableSection-inner">
    <!-- Your content -->
  </div>
</div>

<button id="btn">Toggle</button>

JavaScript

document.getElementById('btn').addEventListener('click', function() {
  document.querySelector('.expandableSection').classList.toggle('expanded');
});

✨ Customization

Customize it easily with your own CSS.

👨‍💻 Contributing

Pull requests are welcome. For major changes, please open an issue first.

💌 Contact

About

A lightweight, CSS-only library for creating expandable and collapsible sections with ease. Say goodbye to JavaScript struggles for animating blocks with dynamic height.

Resources

Stars

Watchers

Forks