SMK Accordion

Default example
This is the default example with default settings.

Section 1
Section 2
Section 3

Second section active
The second section is open by default when `activeIndex` is set to `2`.

Section 1
Section 2
Section 3

Example 2
This example has no active section. When `activeIndex` is `false`, `closeAble` is automatically set to `true`.

Section 1
Section 2
Section 3

Multiple sections open by default
`activeIndex` may be an array of integers. For example if you pass `[2, 4]`, section 2 and 4 will be open by default.

Section 1
Section 2
Section 3
Section 4

Single section
When the accordion contains only one section it will be open by default and `closeAble` set to `true`

Section 1

Single section, closed
To make it closed by default, set `activeIndex` to `false`

Section 1

Do no close other sections
Set `closeOther` to `false`, so when a section is opened other section are not closed. This automatically set `closeAble` to `true`

Section 1
Section 2
Section 3
Section 4

Example 9( nested accordions)

Section 1
Section 2
Nested accordion
- Section 1
- Nested accordions
  An example
  - Section 1
  - Section 2
  - Section 3
  - Section 4
  Another one
  - Section 1
  - Section 2
  - Section 3
  - Section 4
- Section 3
- Section 4
Section 4

Default example This is the default example with default settings.

Section 1

Section 2

Section 3

Second section active The second section is open by default when activeIndex is set to 2.

Section 1

Section 2

Section 3

Example 2 This example has no active section. When activeIndex is false, closeAble is automatically set to true.

Section 1

Section 2

Section 3

Multiple sections open by default activeIndex may be an array of integers. For example if you pass [2, 4], section 2 and 4 will be open by default.

Section 1

Section 2

Section 3

Section 4

Single section When the accordion contains only one section it will be open by default and closeAble set to true

Section 1

Single section, closed To make it closed by default, set activeIndex to false

Section 1

Do no close other sections Set closeOther to false, so when a section is opened other section are not closed. This automatically set closeAble to true

Section 1

Section 2

Section 3

Section 4

Example 9( nested accordions)

Section 1

Section 2

Nested accordion

Section 1

Nested accordions

An example

Another one

Section 3

Section 4

Section 4

Default example
This is the default example with default settings.

Second section active
The second section is open by default when `activeIndex` is set to `2`.

Example 2
This example has no active section. When `activeIndex` is `false`, `closeAble` is automatically set to `true`.

Multiple sections open by default
`activeIndex` may be an array of integers. For example if you pass `[2, 4]`, section 2 and 4 will be open by default.

Single section
When the accordion contains only one section it will be open by default and `closeAble` set to `true`

Single section, closed
To make it closed by default, set `activeIndex` to `false`

Do no close other sections
Set `closeOther` to `false`, so when a section is opened other section are not closed. This automatically set `closeAble` to `true`