Template:FAQItem: Difference between revisions

Revision as of 00:58, 27 February 2026

Creates a FAQ item with collapsible details and a permalink

Template parameters[Edit template data]
Parameter		Description	Type	Status
Question	`question`	The Question	String	required
Answer	`answer`	The Answer to the question	String	required

FAQItem usage

{{FAQItem

| question =

| answer =

}}

The FAQItem will render as it appears below this line.

{{#vardefine:frag|{{{question}}} }} {{#vardefine:q|{{{question}}}}} {{#vardefine:a|{{{answer}}}}}

{{#var:a}}

@@ Line 44: / Line 44: @@
 <!-- Generate a stable anchor ID from the question text -->
-<!-- Generate the anchor -->
+<!-- Precompute everything BEFORE entering HTML mode -->
-<span id="{{anchorencode:{{{question}}}}}"></span>
+{{#vardefine:frag|{{anchorencode:{{{question}}}}} }}
+{{#vardefine:q|{{{question}}}}}
+{{#vardefine:a|{{{answer}}}}}
-<!-- Store the fragment before entering HTML mode -->
+<span id="{{#var:frag}}"></span>
-{{#vardefine:frag|{{anchorencode:{{{question}}}}} }}
 <html>
 <details class="faq-item">
-<summary style="font-weight: bold; font-size:larger;">{{{question}}}</summary>
-<!-- Copy link control (now inside HTML mode, so not escaped) -->
+<summary style="font-weight: bold; font-size:larger;">
+{{#var:q}}
+</summary>
 <div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
      <a href="#" class="copy-link" data-frag="{{#var:frag}}">
@@ Line 62: / Line 65: @@
 <blockquote class="faq-answer">
-{{{answer}}}
+{{#var:a}}
 </blockquote>
 </details>