https://github.com/adityamamta/faq-accordion

A Responsive FAQ Accordion | HTML, CSS & Javascript
https://github.com/adityamamta/faq-accordion

faq faq-accordion frontend-web html-css-javascript responsive

Last synced: 5 days ago
JSON representation

A Responsive FAQ Accordion | HTML, CSS & Javascript

• Host: GitHub
• URL: https://github.com/adityamamta/faq-accordion
• Owner: adityamamta
• Created: 2024-11-06T08:04:24.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-06T08:15:39.000Z (2 months ago)
• Last Synced: 2024-11-06T09:21:45.345Z (2 months ago)
• Topics: faq, faq-accordion, frontend-web, html-css-javascript, responsive
• Language: HTML
• Homepage: https://adityamamta.github.io/FAQ-Accordion-/
• Size: 260 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### FAQ Accordion with Expand/Collapse Icons

## 

This project is a clean and interactive FAQ section built with HTML, CSS, and JavaScript. Each question in the FAQ can be expanded to reveal an answer, with smooth animations and icon toggling for better user experience.

# Features

- Accordion-Style FAQ: Only one question can be expanded at a time, maintaining a compact and user-friendly layout.

- Icon Toggle: Uses two icons (e.g., add and remove icons) that dynamically switch based on the question's state (expanded/collapsed).

- Responsive Design: Styled with CSS to ensure a seamless display across devices.

- Smooth Transitions: Animations make expanding and collapsing answers feel smooth and engaging.

# Tech Stack

- HTML5

- CSS3 (with SCSS for organized styling)

- JavaScript (for toggling answers and icons)

### 💼 Contact me 

- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)

- Email: [email protected]

![preview img](img/faq-accordion.png)