Skip to content
Discussion options

You must be logged in to vote

I managed to get this effect in a FAQ by using invisible headings that have the same text as the admonition's title. The FAQ entries are all in details admonitions that are collapsed by default.

  1. In extra.css, I created a custom admonition class.
  2. Also in extra.css, I styled <h5> elements that are inside that custom admonition class with visibility: hidden;.
details.ilokfaq > h5 {
    visibility: hidden;
  1. In the markdown, I put a ##### inside the details, with the same text as the admonition's title. Here's a real example with some of the text content trimmed out for brevity.
??? ilokfaq "What is an iLok USB?"
	
	##### What is an iLok USB? { #what_ilok }
	
	The iLok USB is a key device …

Replies: 2 comments

Comment options

You must be logged in to vote
0 replies
Comment options

You must be logged in to vote
0 replies
Answer selected by arnold518
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
3 participants