liteAccordion, es un plugin hecho en base a jQuery con la única función de dar el efecto “Acordeón” a los sitios web, este efecto es muy útil para mostrar imágenes y contenido ahorrando espacio en la página y dando un efecto muy atractivo y moderno al sitio.
El uso de este plugin es sencillo sólo necesitamos añadir las librerias:
<head>
<link rel="stylesheet" href="liteAccordion.css">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="liteaccordion.jquery.js"></script>
</body>
El html básicamente quedaría así:
<div class="accordion">
<ol>
<li>
<h2><span>Slide One</span></h2>
<div></div>
</li>
<li>
<h2><span>Slide Two</span></h2>
<div></div>
</li>
<li>
<h2><span>Slide Three</span></h2>
<div></div>
</li>
<li>
<h2><span>Slide Four</span></h2>
<div></div>
</li>
<li>
<h2><span>Slide Five</span></h2>
<div></div>
</li>
</ol>
<noscript>
<p>Please enable JavaScript to get the full experience.</p>
</noscript>
</div
y por ultimo al final de la página llamamos al Js así:
<script>
$('#yourdiv').liteAccordion();
</script
Demo y Descarga | liteAccordion – a horizontal accordion plugin for jQuery