Close

Expand and Collapse Faq Accordion

This is an example of a bootstrap FAQ accordion web form with collapse and expand effects, designed using HTML, JavaScript, and CSS. Bootstrap style sheets including the fonts and icons are imported to the form with their URLs. The background color of the body is set to #fff. The page title has the styles of padding as 3rem 0 3rem 1rem, background color of #73bb2b, and font-family as "Roboto", sans-serif. The card header button is given the styles of color as #2f2f31, font-size as 1.04rem, text-align as left, position as relative, font-weight as 500, and padding-left as 2rem. The card header takes the color of #ff8300, in a hover event. The card body is given the background color of #324353. JavaScript functions have been used to implement add minus icon for collapse element which is open by default and Highlight open collapsed element effects. The open collapsed element gets a highlighted effect of #74bd30 color.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.