ул. Януша Корчака 32, 4 этаж, оф 405 Задать вопрос
097 403 72 58 ; 044 229 15 20

Accordion

[su_accordion]
  [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler]
[/su_accordion]

Basic accordion

[su_accordion]
[su_spoiler title=»Spoiler title»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title»] Spoiler content [/su_spoiler]
[/su_accordion]

[su_accordion]
  [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler]
[/su_accordion]

Fancy accordion

[su_accordion]
[su_spoiler title=»Spoiler title» style=»fancy»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»fancy»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»fancy»] Spoiler content [/su_spoiler]
[/su_accordion]

[su_accordion]
  [su_spoiler title="Spoiler title" open="yes"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title"] Spoiler content [/su_spoiler]
[/su_accordion]

Accordion with open spoiler

[su_accordion]
[su_spoiler title=»Spoiler title» open=»yes»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title»] Spoiler content [/su_spoiler]
[/su_accordion]

[su_spoiler title="Spoiler title" style="default"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" style="fancy"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" style="simple"] Spoiler content [/su_spoiler]

Different spoiler styles

[su_spoiler title=»Spoiler title» style=»default»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»fancy»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»simple»] Spoiler content [/su_spoiler]

[su_spoiler title="Spoiler title" style="default" open="yes"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" style="fancy" open="yes"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" style="simple" open="yes"] Spoiler content [/su_spoiler]

Open spoilers

[su_spoiler title=»Spoiler title» style=»default» open=»yes»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»fancy» open=»yes»] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» style=»simple» open=»yes»] Spoiler content [/su_spoiler]

[su_spoiler title="Spoiler title" anchor="Spoiler-1"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" anchor="Spoiler-2"] Spoiler content [/su_spoiler]
[su_spoiler title="Spoiler title" anchor="Spoiler-3"] Spoiler content [/su_spoiler]

Use next links to open this spoilers

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

Spoilers with anchors (see the code)

[su_spoiler title=»Spoiler title» anchor=»Spoiler-1″] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» anchor=»Spoiler-2″] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» anchor=»Spoiler-3″] Spoiler content [/su_spoiler]

Use next links to open this spoilers

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

[su_accordion]
  [su_spoiler title="Spoiler title" anchor="Accordion-1"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title" anchor="Accordion-2"] Spoiler content [/su_spoiler]
  [su_spoiler title="Spoiler title" anchor="Accordion-3"] Spoiler content [/su_spoiler]
[/su_accordion]

Use next links to expand accordion items

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

Accordion + Spoilers + Anchors (see the code)

[su_accordion]
[su_spoiler title=»Spoiler title» anchor=»Accordion-1″] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» anchor=»Accordion-2″] Spoiler content [/su_spoiler]
[su_spoiler title=»Spoiler title» anchor=»Accordion-3″] Spoiler content [/su_spoiler]
[/su_accordion]

Use next links to expand accordion items

Open spoiler 1 | Open spoiler 2 | Open spoiler 3

[su_accordion]
  [su_spoiler title="plus" icon="plus"] Spoiler content [/su_spoiler]
  [su_spoiler title="plus-circle" icon="plus-circle"] Spoiler content [/su_spoiler]
  [su_spoiler title="plus-square-1" icon="plus-square-1"] Spoiler content [/su_spoiler]
  [su_spoiler title="plus-square-2" icon="plus-square-2"] Spoiler content [/su_spoiler]
  [su_spoiler title="arrow" icon="arrow"] Spoiler content [/su_spoiler]
  [su_spoiler title="arrow-circle-1" icon="arrow-circle-1"] Spoiler content [/su_spoiler]
  [su_spoiler title="arrow-circle-2" icon="arrow-circle-2"] Spoiler content [/su_spoiler]
  [su_spoiler title="caret" icon="caret"] Spoiler content [/su_spoiler]
  [su_spoiler title="caret-square" icon="caret-square"] Spoiler content [/su_spoiler]
  [su_spoiler title="folder-1" icon="folder-1"] Spoiler content [/su_spoiler]
  [su_spoiler title="folder-2" icon="folder-2"] Spoiler content [/su_spoiler]
[/su_accordion]

Different icons

[su_accordion]
[su_spoiler title=»plus» icon=»plus»] Spoiler content [/su_spoiler]
[su_spoiler title=»plus-circle» icon=»plus-circle»] Spoiler content [/su_spoiler]
[su_spoiler title=»plus-square-1″ icon=»plus-square-1″] Spoiler content [/su_spoiler]
[su_spoiler title=»plus-square-2″ icon=»plus-square-2″] Spoiler content [/su_spoiler]
[su_spoiler title=»arrow» icon=»arrow»] Spoiler content [/su_spoiler]
[su_spoiler title=»arrow-circle-1″ icon=»arrow-circle-1″] Spoiler content [/su_spoiler]
[su_spoiler title=»arrow-circle-2″ icon=»arrow-circle-2″] Spoiler content [/su_spoiler]
[su_spoiler title=»caret» icon=»caret»] Spoiler content [/su_spoiler]
[su_spoiler title=»caret-square» icon=»caret-square»] Spoiler content [/su_spoiler]
[su_spoiler title=»folder-1″ icon=»folder-1″] Spoiler content [/su_spoiler]
[su_spoiler title=»folder-2″ icon=»folder-2″] Spoiler content [/su_spoiler]
[/su_accordion]

[su_spoiler title="Spoiler title" class="my-custom-spoiler"] Spoiler content [/su_spoiler

Custom styles

[su_spoiler title=»Spoiler title» class=»my-custom-spoiler»] Spoiler content [/su_spoiler]

Call Now Button