アコーディオン式で開閉する Q&A DEMO

Q & A

Q1:質問その1

A:Nunc ut porta erat. Aenean ullamcorper malesuada fermentum. Aliquam erat volutpat. Ut eget ultrices est. Proin augue quam, venenatis sed blandit a, vulputate a tellus. Sed eros enim, lobortis sit amet convallis luctus, suscipit vel sapien. Quisque placerat ultrices sodales. Nulla facilisi.

Q2:質問その2。回答欄の左右中央に画像が入る場合

A:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean suscipit orci neque. Sed ullamcorper porttitor condimentum. Fusce malesuada, nibh nec condimentum aliquet, lorem lectus faucibus tortor, sit amet lobortis justo urna quis ligula. Nunc ut porta erat. Aenean ullamcorper malesuada fermentum. Aliquam erat volutpat. Ut eget ultrices est. Proin augue quam, venenatis sed blandit a, vulputate a tellus. Sed eros enim, lobortis sit amet convallis luctus, suscipit vel sapien. Quisque placerat ultrices sodales. Nulla facilisi.

Q99:質問その99。しつもんの通し番号が二けたになったり、質問が長くなって2行以上になるとこんな感じ。

A:Donec eget augue leo. Proin volutpat interdum lectus tempus malesuada. Duis dapibus congue fringilla. Etiam scelerisque dignissim feugiat. Nullam varius lobortis leo eget semper. Pellentesque erat mi, scelerisque sed molestie in, vehicula pharetra arcu. Nulla facilisi. Donec non massa ut risus porta commodo. Nam sit amet elit nisl. Fusce convallis risus nec turpis scelerisque posuere. Duis rutrum, nisi a semper accumsan, sapien erat ultrices est, ut dignissim turpis nisl eu turpis. Vivamus vitae nisl mauris, a interdum urna.