How to Use the Accordion Snippet

== About ==

The '''Accordion''' snippet allows you to present multiple related sections of text in a collapsible format. It is especially useful for organizing long-form content such as oral histories, mission narratives, or grouped biographies.

=== Syntax ===

The Accordion snippet is written using this structure:

@@
{s:Accordion|
    {s:AccordionItem|Title 1|
        Body content for item 1.
    }
    {s:AccordionItem|Title 2|
        Body content for item 2.
    }
    ...
}
@@

Each '''AccordionItem''' must be placed '''inside''' the main Accordion block and includes:
* A '''title''' — the clickable header that expands/collapses the item
* A '''body''' — the content that appears when expanded

=== Example ===

Below is an example use of the Accordion snippet:

@@
{s:Accordion|
    {s:AccordionItem|What is a Top Turret Gunner?|
        <p>The top turret was a rotating gun position on the B-17 that offered a commanding view of the skies above. Crew members stationed there had to remain alert at all times...</p>
    }
    {s:AccordionItem|Memories from the Radio Operator|
        <p>The radioman listened for Morse code transmissions throughout the mission, logging and decoding messages while blocking out the chaos around him...</p>
    }
}
@@

Results:
{s:Accordion|
    {s:AccordionItem|What is a Top Turret Gunner?|
        <p>The top turret was a rotating gun position on the B-17 that offered a commanding view of the skies above. Crew members stationed there had to remain alert at all times...</p>
    }
    {s:AccordionItem|Memories from the Radio Operator|
        <p>The radioman listened for Morse code transmissions throughout the mission, logging and decoding messages while blocking out the chaos around him...</p>
    }
}


=== Tips ===
* You can include paragraphs, line breaks, bold or italic formatting, and even images inside an AccordionItem.
* Do not leave extra spaces or blank lines between items — this can break rendering in some themes.
* Make sure to close the outer <NoWiki>{s:Accordion|}</NoWiki> tag with a closing curly brace after the last item.

=== Use Cases ===
The Accordion snippet is ideal for:
* Grouped oral history entries
* FAQs or expandable help sections
* Multi-part stories (e.g., mission summaries from different crew members)

=== Related Snippets ===
* [++Help.Snippets-Reference|Snippets Reference]

Meta Keywords:
Meta Description:
Change Comment:

Modified on 2025/07/09 21:10 by Administrator Categorized as Uncategorized