This is the best example of the accordion used for FAQ. This snippet can be directly used in the web page or application viewed on any device. The HTML page uses a container-fluid which gives a responsive behavior. The header contains the brand name, sign in and registration button. If you see the header while loading the page, you would see the animation effect assigned to the element of the header. The main body contains the accordion mentioning the FAQ. The jQuery accordion is set to a div giving an accordion behavior. Do include the animation.css to have the animations effect set on the div. Animations like flipInY, FlipInX are created using animation.css. The CSS styling is the right fit for this snippet. You can use this snippet for SPA websites.