Description
I have identified two broken components on the main website (the index.html) that are impacting user experience: the FAQ (Frequently Asked Questions) section and the "What others say" (Testimonials/Carousel) section.
Bugs Found
1. FAQ Section (Accordion) Not Working
When a question in the FAQ section is clicked, the corresponding answer does not appear or expand.
Location: FAQ section
Expected Behavior: Clicking on a question should toggle the visibility of the answer below it (open/close functionality, like an accordion).
Actual Behavior: Clicking on a question has no visual effect; the answer remains hidden.
2. "What others say" Section (Carousel/Slider) Not Sliding
The testimonial cards are static, and the navigation controls (like next/previous buttons or dots) do not cause the cards to transition or show the next set of content.
Location: "What others say" or Testimonials section.
Expected Behavior: Clicking the "next" or "previous" control should smoothly slide to display the next/previous testimonial card.
Actual Behavior: The cards remain static, and clicking the navigation controls does not change the visible card.
Steps to Reproduce
- Navigate to the live deployment link (e.g., animate-it-now.netlify.app/ or the link provided in the README).
- Scroll down to the FAQ section.
- Attempt to click on any question. (The answer does not appear).
- Scroll down to the "What others say" section.
- Attempt to click the navigation button/arrow to move to the next testimonial. (The slider does not move).
Screenshots:
Proposed Solution
This issue likely requires debugging the associated JavaScript (index.js) file to ensure:
- The necessary event listeners are correctly attached to the FAQ question headers and the carousel control buttons.
- The toggle/slide logic (e.g., manipulating CSS classes like active or display: block, or updating transform: translateX()) is executing without errors.
Description
I have identified two broken components on the main website (the index.html) that are impacting user experience: the FAQ (Frequently Asked Questions) section and the "What others say" (Testimonials/Carousel) section.
Bugs Found
1. FAQ Section (Accordion) Not Working
When a question in the FAQ section is clicked, the corresponding answer does not appear or expand.
Location: FAQ section
Expected Behavior: Clicking on a question should toggle the visibility of the answer below it (open/close functionality, like an accordion).
Actual Behavior: Clicking on a question has no visual effect; the answer remains hidden.
2. "What others say" Section (Carousel/Slider) Not Sliding
The testimonial cards are static, and the navigation controls (like next/previous buttons or dots) do not cause the cards to transition or show the next set of content.
Location: "What others say" or Testimonials section.
Expected Behavior: Clicking the "next" or "previous" control should smoothly slide to display the next/previous testimonial card.
Actual Behavior: The cards remain static, and clicking the navigation controls does not change the visible card.
Steps to Reproduce
Screenshots:
Proposed Solution
This issue likely requires debugging the associated JavaScript (index.js) file to ensure: