Responsiva Accordion

Lorem ipsum responsiva #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor.
Lorem ipsum responsiva #2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor.
Lorem ipsum responsiva #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor.


Accordion Usage

1) Include css files
<link rel="stylesheet" type="text/css" href="responsiva.extra.css">
2) Include js files
<script type="text/javascript" src="responsiva.js"></script>
3) HTML:
<div class="raccardion_container">
		<div class="raccardion_title">Lorem ipsum responsiva #1</div>	
		<div class="raccardion_content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor. 							
		</div>

		<div class="raccardion_title">Lorem ipsum responsiva #2</div>	
		<div class="raccardion_content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor. 							
		</div>

		<div class="raccardion_title">Lorem ipsum responsiva #3</div>	
		<div class="raccardion_content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacus dui, sodales dictum finibus vitae, ornare sit amet felis. Nam congue cursus justo et hendrerit. Maecenas leo ex, hendrerit ac lacus eu, sodales pretium risus. Ut efficitur ante vitae dui euismod consequat. Curabitur vel dui arcu. Donec sit amet ex a velit tempor eleifend nec eu sem. Ut luctus iaculis lorem, eget mattis libero auctor molestie. Aliquam in mattis nibh, ut lacinia mauris. Suspendisse iaculis, turpis et aliquam hendrerit, arcu lectus dignissim arcu, id pretium risus enim ac enim. Donec commodo ultricies quam, sit amet sollicitudin urna accumsan a. Integer eu ex erat. Vivamus auctor pellentesque fringilla. Nulla non enim accumsan, pharetra enim eu, hendrerit lectus. Donec ligula ex, euismod vitae pulvinar ac, malesuada quis tortor. 							
		</div>
	</div>
</div>