zAccordion Examples

There are a number of examples below. Each example shows the JavaScript needed to build the accordion. For HTML and CSS, please view the page source.

Example 10 - Another Advanced Example

Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor lacus sollicitudin ligula sagittis a ultricies nulla ultricies. Ut odio nisi, posuere sed blandit at, bibendum non dolor.
Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in condimentum sem. Aenean faucibus dignissim auctor. In ut libero vitae augue laoreet iaculis at a tellus.
Donec Ultrices
Duis viverra velit orci. Sed vestibulum mi nec est imperdiet sed ullamcorper augue molestie. Donec ultrices facilisis erat at porttitor.
Est Imper
Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.

The example above demonstrates a unique way to rotate featured content. Similar to other examples, it uses classes set with slideClass to create the effect above.

				$(document).ready(function() {
					$("#example10").zAccordion({
						width: 884,
						speed: 600,
						slideClass: "slider",
						slideWidth: 600,
						height: 400
					});
				});