ACCORDION

This command add a Bootstrap Accordion to your page.

This works the same as the {TABS()} command but displays the tabs as drop down blocks.

You can add additional tabs by using the {TAB()} and {END_TAB()}commands between the {ACCORDION} and {END_ACCORDION} commands.

This command requires an {END_ACCORDION} command.

Basic Accordion Example

This basic example of an Accordion show how you can structure the code to write contents without using any ultimate database queries.

Code
Result

{ACCORDION}
	{TAB(Accordion Tab 1 Title)}
		This is the content of Tab 1.
	{END_TAB}
	{TAB(Accordion Tab 2 Title)}
		This is the content of Tab 2.
	{END_TAB}
{END_ACCORDION}

Accordion Tab 1 Title

This is the content of Tab 1.

Accordion Tab 2 Title

This is the content of Tab 2.

Accordion with styling Example

With this basic example you can see that html styles or Bootstrap styles can be used.

Code
Result

{ACCORDION}
	{TAB(Accordion Tab 1 Title)}
		<p>This is the content of Tab 1.</p>
	{END_TAB}
	{TAB(<span class="text-dark">Accordion Tab 2 Title</span>)}
		<h1>This is the content of Tab 2.</h1>
		<p>We have given this Accordion Tab a header and also styled the Accordion Tab Title with an italic styled font.</p>
	{END_TAB}
{END_ACCORDION}