This repository has been archived by the owner on Oct 1, 2023. It is now read-only.

Accordion

Jump to bottom

Marcelo Rafael edited this page Feb 27, 2018 · 1 revision

Clean

A standard accordion

<accordion>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 1
	</div>
	<div class="content">
		Content 1
	</div>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 2
	</div>
	<div class="content">
		Content 2
	</div>
</accordion>

Styled

Is necessary to include the styled parameter in accordion tag.

<accordion styled>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 1
	</div>
	<div class="content">
		Content 1
	</div>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 2
	</div>
	<div class="content">
		Content 2
	</div>
</accordion>

Fluid

Is necessary to include the fluid parameter in accordion tag.

<accordion fluid>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 1
	</div>
	<div class="content">
		Content 1
	</div>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 2
	</div>
	<div class="content">
		Content 2
	</div>
</accordion>

Inverted

Is necessary to include the inverted parameter in accordion tag.

<accordion inverted>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 1
	</div>
	<div class="content">
		Content 1
	</div>
	<div class="title">
		<i class="dropdown icon"></i>
		Title 2
	</div>
	<div class="content">
		Content 2
	</div>
</accordion>