<div class="EDS_accordion">
	<div class="edsAccordion_section">
		<h3 class="edsAccordion_title">Accordion number 1</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 1 content. Fusce adipiscing lacus justo, ut malesuada ipsum accumsan sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae vestibulum eros. Pellentesque odio lectus, ultrices non velit in, sollicitudin lacinia dolor.
			</div>
		</div>
	</div>
	<div class="edsAccordion_section">
		<h3 class="edsAccordion_title">Accordion number 2</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 2 content. Vivamus eu turpis a tellus scelerisque aliquam. Aliquam erat volutpat. Ut scelerisque lorem ullamcorper, porta dolor vel, porta mi. Aliquam eu est quis neque egestas feugiat. Nunc auctor rutrum sapien eget fermentum. Etiam consequat neque et dapibus egestas. Nulla sodales sagittis ipsum, ac adipiscing libero dapibus ut. Proin interdum lorem nisl, in elementum quam adipiscing nec. Nullam in ligula nisi. Pellentesque tortor massa, rutrum quis lectus ut, condimentum pretium ipsum.
			</div>
		</div>
	</div>
	<div class="edsAccordion_section">
		<h3 class="edsAccordion_title">Accordion number 3</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 3 content.Aliquam vitae convallis neque. Aliquam sed dolor lacus. Donec non tortor nulla. Suspendisse sapien sapien, varius et congue at, pellentesque sit amet erat. Cras vestibulum pretium elementum. Etiam sit amet tortor laoreet, pulvinar tortor in, porttitor risus. Etiam egestas lectus tincidunt condimentum tempus.
			</div>
		</div>
	</div>
</div>

Active state

<div class="EDS_accordion">
	<div class="edsAccordion_section edsAccordion_active">
		<h3 class="edsAccordion_title">Accordion number 1</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 1 content. Fusce adipiscing lacus justo, ut malesuada ipsum accumsan sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae vestibulum eros. Pellentesque odio lectus, ultrices non velit in, sollicitudin lacinia dolor.
			</div>
		</div>
	</div>
	<div class="edsAccordion_section">
		<h3 class="edsAccordion_title">Accordion number 2</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 2 content. Vivamus eu turpis a tellus scelerisque aliquam. Aliquam erat volutpat. Ut scelerisque lorem ullamcorper, porta dolor vel, porta mi. Aliquam eu est quis neque egestas feugiat. Nunc auctor rutrum sapien eget fermentum. Etiam consequat neque et dapibus egestas. Nulla sodales sagittis ipsum, ac adipiscing libero dapibus ut. Proin interdum lorem nisl, in elementum quam adipiscing nec. Nullam in ligula nisi. Pellentesque tortor massa, rutrum quis lectus ut, condimentum pretium ipsum.
			</div>
		</div>
	</div>
	<div class="edsAccordion_section">
		<h3 class="edsAccordion_title">Accordion number 3</h3>
		<div class="edsAccordion_contentWrapper">
			<div class="edsAccordion_content">
				Accordion number 3 content.Aliquam vitae convallis neque. Aliquam sed dolor lacus. Donec non tortor nulla. Suspendisse sapien sapien, varius et congue at, pellentesque sit amet erat. Cras vestibulum pretium elementum. Etiam sit amet tortor laoreet, pulvinar tortor in, porttitor risus. Etiam egestas lectus tincidunt condimentum tempus.
			</div>
		</div>
	</div>
</div>