Simple Accordion using JavaScript

This is a simple and responsive accordion component built using HTML, CSS, and JavaScript. The accordion allows users to toggle between different sections by clicking on the headers.

🛠️ Features

• Simple and lightweight
• Responsive design
• Smooth open/close animations
• Uses pure JavaScript (no libraries required)

📂 Project Structure

📁 project-folder
 ├── 📄 index.html   # Main HTML file
 ├── 📄 style.css    # CSS for styling
 ├── 📄 script.js    # JavaScript for accordion functionality

📜 Usage

1. Clone the repository:

   git clone https://github.com/docode537/simple-accordion-using-css-and-js.git

2. Open index.html in your browser.

📝 How It Works

• Clicking on an accordion header expands the content below it.
• Clicking again or selecting another tab closes the previously opened section.
• Smooth CSS transitions for better user experience.

🎥 Video Tutorial

Watch the tutorial video: Link.

📩 Connect With Me

🌐 Website: DoCode
🐦 blog post: Blog Post
📧 Email: docode537@gmail.com

---

Feel free to contribute or suggest improvements! 😊