====== Accordion ======
[[doku>plugin:mikioplugin|Mikio Plugin]]

https://github.com/nomadjimbob/mikioplugin/wiki/Accordion

The accordion element allows you to group information for the user, allowing to show and hide the contents of each accordion item.

By default, all accordion items are collapsed. You can use the%% %%''show''%% %%attribute to default the accordion item to be shown or expanded.

An accordion is a block element and its width will be 100% of the space available. To limit the elements width, insert it inside a%% %%column.

Create an accordion with 3 items titled Item 1, Item 2 and Item 3. All items are hidden (collapsed) by default with the exception of the first item due to the%% %%''show''%% %%attribute set.
<accordion>
  <accordion-item title="Item 1" show>The is some content inside accordion 1</accordion-item>
  <accordion-item title="Item 2">Here is some more details</accordion-item>
  <accordion-item title="Item 3">and this is the last one!</accordion-item>
</accordion>
<code ->
<accordion>
  <accordion-item title="Item 1" show>The is some content inside accordion 1</accordion-item>
  <accordion-item title="Item 2">Here is some more details</accordion-item>
  <accordion-item title="Item 3">and this is the last one!</accordion-item>
</accordion>

</code>

===== Attributes =====

==== Accordion ====

^ Attribute ^ Details ^
| **autoclose** | Automatically close any other opened accordion items other than the one clicked. |

==== Accordion Item ====

^ Attribute ^ Details ^
| **title** | Sets the displayed title for the accordion item (required) |
| **show** | Expands the accordion item by default |