Accordeon jQuery

Script jquery que se puede utilizar para mostrar contenidos: secciones, noticias, comentarios o lo que se pueda uno imaginar, incluso menús.

Lo primero que debes hacer es incluir las librerías jQuery y sus estilos para luego llamar a la función accordeon() de la siguiente forma:

<script type="text/javascript">
	$(function() {
		$( "#accordion" ).accordion();
	});
</script>

Con este código lo que estamos haciendo es llamar a la función accordeon() de jQuery en el div con id=»accordeon».

<div id="accordion">
	<h3><a href="#">Secci&oacute;n 1</a></h3>
	<div>
		<p>
		Contenido de la secci&oacute;n 1
		</p>
	</div>
	<h3><a href="#">Secci&oacute;n 2</a></h3>
	<div>
		<p>
		Contenido de la secci&oacute;n 2
		</p>
	</div>
	<h3><a href="#">Secci&oacute;n 3</a></h3>
	<div>
		<p>
		Contenido secci&oacute;n 3
		</p>
	</div>
	<h3><a href="#">Secci&oacute;n 4</a></h3>
	<div>
		<p>
		Contenido secci&oacute;n 4
		</p>
	</div>
</div>

Ver ejemplo en funcionamiento