jquery-accordion-faq

This is just a simple jQuery accordion that you can use for a FAQ page. View only one question answer and hide others.

Screenshot :

Usage:

- make sure you include the latest jQuery plugin.
- include the styles.css in your project
- copy paste the following code to add questions and answers:

<div class="question">
    <h4>What is the Box model in CSS? Which CSS properties are a part of it?</h4>
    <div class="faqAnswer">
        A rectangle box is wrapped around every HTML element. The box model is used to determine the height and width of the rectangular box. The CSS Box consists of Width and height (or in the absence of that, default values and the content inside), padding, borders, margin.
    </div>
</div>

Live demo:

https://codepen.io/neluttu/pen/GRBqaeW

Have fun, enjoy the code as I enjoyed learning Git / GitHub.