Got it what you wanna do !
Ok, so first step is already done, creating a RP with the data source set for the FAQs.
Now you set the RP with 1 column (click the option "set fixed number of columns) and for the rows that option must be unclicked. You can set the min height of the row, I usually put a low number like 10px, but it will depend on your design. Go to the layout section, select column on the Cells countainer layout.
Now insert a group inside this RP, column layout too and data source “current cells’s All FAQ”. This is gonna be the main group of the current cells. Inside this group create 2 groups, the first is gonna be the “Group Question” and the other is gonna be the “Group Answer”.
On the first group add a text, and I assume that you created atributes on your Option Sets, and select to appear the attribute for the question. This group is shown when the page is loaded.
The second group, is the same, the difference is that you will select the attribute “Answer”, and on the layout section, the option “this is element is visible on page load” must be unchecked, and check the option “colapse when hidden”.
So now, you have to create a workflow: “When Group Question is clicked”, the action is “Toggle Group Answer”.
Now every time that you click on the question it will show or hide the corresponding answer.
In terms of design, you can create conditional to change the colors of the question when is hovered or the group Answer is visible. Eg:
“When Group Anser is visible or this group is hovered” ==> Background Color XXX
Hope I could help you !