Close

Toggle Faq Accordion

This is another example of an accordion widget for FAQ and Answers, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The form consists of four accordion items. Each accordion item is given a collapsible effect to hide the non-active sections. The font and Bootstrap styles are imported to the code with their URLs. The accordion card is given a border style of 1px solid #eceded. The card header is given a background color of #f9fafa, and a font family style as "Roboto", sans-serif. The card header changes its background color to #ecf0f0, on hover. The card header title is displayed with the styles of font-size as 1.3rem and font-weight as bold. The accordion body is given the styles of font color as #324353, text-align as justify, and border-top as 1px solid #eceded. JavaScript methods have been used to create the minus icon on the accordion header and its functionality. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=toggle-faq-accordion

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.