An example of the Accordion with the dropdown on mouse hover. HTML is a simple and plain page with the headers and paragraphs used in div. The styling is perfectly matching the HTML content. The behavior of accordion is given by the jquery, take a look at jquery script where the accordion is set to a specific div at mouse hover event. The properties like active, auto-height, navigation and collapsible behavior are added at mouse hover event. The CSS styling takes care of the accordion with”:: before” and “:: after” selectors. This is an excellent example of large content. You can use this in your page for the FAQ’s or large content to be displayed with a slight animation effect. Use this snippet for a simple yet elegant look for your web page.