Collapse

Component that lets you display/hide a block of content when clicking on the trigger. In general it can be seen as a simple toggle content component.

Default

Welke rentetarieven gelden bij renteherziening? 

			
				<div class="c-collapse js-collapse">
	<div class="c-collapse__header">
		<span class="c-collapse__title">Welke rentetarieven gelden bij renteherziening?</span>
		<div class="c-collapse__button">
			<span class="c-collapse__icon"></span>
		</div>
	</div>
	<div class="c-collapse__content">
	</div>
</div>

Documentation

States

  • is-open

    This state displays the content and this class shoud be used as a toggle. This also rotates the toggle button to indicate the action.