I’d like to have an FAQ topic where as many of the questions are visible as possible, to allow easy browsing by users. One way to achieve this is to hide the text of the answers and just click on the question to reveal the answer text. This is similar to the way the mobile Wikipedia interface works. Here are some other examples [image] FAQs | Free Spirit Who are Free Spirit Travel Insurance? Read the commonly asked questions to give you an insight into Free Spirit and the cover available. Estimated reading time: 2 minutes How can we help? | UCAS One way to achieve this is to use details [Screenshot 2023-07-24 at 8.34.54 pm] But as far as I know styling isn’t supported in the details header text, so it is difficult to make it stand-out. What I’d like is to have the questions as headings and the text below each question be revealed when the heading text is clicked. Is this something that is easily achievable? Note I am on a hosted plan.

I’ve used html rather than markdown with some success before, though I’ve used rather than to avoid the new line issue but still have larger titles. Something like this: Question This is an answer Question This is an answer Question This is an answer Question This is an answer Question This is an answer Question This is an answer

Auto-hide text under heading titles

Product Support

aidanheerdegen (Aidan Heerdegen) July 24, 2023, 11:18pm 3

Awesome! That looks to be just the ticket. Thanks.

Topic		Replies	Views
Is there a way to change the position of "Hide Details"? Product Support hide-details	1	817	November 1, 2017
Hide details button style Theme component hide-details	2	987	December 1, 2023
Support @ or # in "Hide details" summary Feature	7	208	July 7, 2024
Show Details in Preview Screen when using Hide Details feature UX pr-welcome , hide-details	2	744	April 11, 2023
Details in topic styling changes - Feedback UX completed , design-experiment	40	2695	December 5, 2023

Auto-hide text under heading titles

Related topics