Plugin Accordion

This Tiki plugin allows users to place some content of a Wiki Page in a block that allow to toggle between visible or hidden content using an accordion.

It was added in Tiki 25
https://gitlab.com/tikiwiki/tiki/-/merge_requests/1516

Parameters

Create content within collapsable items
Introduced in Tiki 25. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_accordion

Parameters	Accepted Values	Description	Default	Since
(body of plugin)		Content of the collapsible zones, separated by "/////"
`headers`	text	Pipe-separated list of header titles (with or without icon syntax). Example:`{i name='users'} Item 1\|Item 2\|Item 3`		25
`headeractivebgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`headerbgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`headerbordercolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`headerborderwidth`	text	To change the width of header border in pixels (1 by default). For example: 3 for 3 pixels.	1	25.0
`headercontentcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`headerfontsize`	text	To set the size of the headers text in pixels. For example: 20 for 20 pixels.	16	25.0
`panelbgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`panelbordercolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`panelborderwidth`	text	To change the width of panel border in pixels (1 by default). For example: 3 for 3 pixels	1	25.0
`panelcontentcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`panelfontsize`	text	To set the size of the panels text in pixels. For example: 20 for 20 pixels.	16	25.0
`headerborderstyle`	(blank)\| none\| hidden\| dotted\| dashed\| solid\| double\| groove\| ridge\| inset\| outset	Determine the kind of border to apply to the headers.	none	25.0
`headerfontstyle`	(blank) normal italic oblique	Use to change the headers text style.	normal	25.0
`headerfontweight`	(blank) normal bold bolder lighter 900	Use to change the headers text weight.	normal	25.0
`panelborderstyle`	(blank)\| none\| hidden\| dotted\| dashed\| solid\| double\| groove\| ridge\| inset\| outset	Determine the kind of border to apply to the panels.	none	25.0
`paneltextalignment`	(blank) left right center justify	To set the horizontal alignment of the panels text.	left	25.0
`panelfontstyle`	(blank) normal italic oblique	Use to change the panels text style.	normal	25.0
`panelfontweight`	(blank) normal bold bolder lighter 900	Use to change the panels text weight.	normal	25.0

Sample code

Copy to clipboard

{ACCORDION(headers="Item 1|Item 2|Item 3")}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra placerat consectetur. Nulla semper neque vitae odio euismod eleifend. Sed interdum aliquet commodo.
/////
Quisque non maximus enim, id scelerisque lectus. Aenean euismod, risus vel fringilla ullamcorper, nisi orci fermentum quam, vel rutrum diam est vel ligula.
/////
Sed placerat enim sed porta volutpat. Sed dolor felis, placerat sed vulputate vel, placerat at justo. Aliquam condimentum finibus velit id pulvinar.
{ACCORDION}

Will produce:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra placerat consectetur. Nulla semper neque vitae odio euismod eleifend. Sed interdum aliquet commodo.


Quisque non maximus enim, id scelerisque lectus. Aenean euismod, risus vel fringilla ullamcorper, nisi orci fermentum quam, vel rutrum diam est vel ligula.


Sed placerat enim sed porta volutpat. Sed dolor felis, placerat sed vulputate vel, placerat at justo. Aliquam condimentum finibus velit id pulvinar.