Mobile Website Q & A FAQ
 How Does It Work?
The heading is optional and has its own controls for font size, color, background color, padding and text align.
The questions have the same controls as the heading so that they can have a contrasting style to either the heading or answers - or both.
The answers have controls for adjusting the font size, color, background and line height.
The individual items can have a separator which is adjustable for color and height.
 Container Styles
The container can be styled with a border and/or box shadow and can have rounded corners if required.
The footer is optional and has controls for adding auto copyright year update and a smooth scroll back to the top chevron.
The items are contained in an HTML5 section element. Inside is the optional h1 heading and a list.
Each list item consists of a details element with summary for the interactive heading and a paragraph for the "answer" text.
The triangle indicators are generated by the browser.
The fact that the visitor has to both open and close the items may be a disadvantage in some situations. However, mobile users are used to tapping and swiping and can usually achieve tapping a lot quicker than a computer user can point and click.
The fact that the interaction does not require any scripts means that the page will download faster and the actions will not require processor power which in turn drain the device battery.
Sometimes it is preferable to have several answers open to compare results.
 How Many Items?
The widget can accommodate up to 100 items.