Skip to content

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

Contributors