This script creates a super simple jQuery accordion. To make it work simply follow these steps:
- Add a
div
with the IDlingulo-accordion
(you can change the ID in the .js file) - For each accordion item add a separate
div
inside thelingulo-accordion
Example:
<div id="lingulo-accordion">
<div>
<h3>Any content</h3>
<p>You can add any content you like: Text, Images, Videos</p>
<img src="logo.png" alt="Lingulo.com - A resource for web developers">
</div>
<div>
<h3>Tiny script</h3>
<p>Only 562 Bytes of JavaScript code, only three CSS rules</p>
</div>
<div>
<h3>Easy to use</h3>
<p>Follow the three easy steps at <a href="http://www.lingulo.com/snippets-downloads/super-simple-jquery-accordion-snippet">http://www.lingulo.com/snippets-downloads/super-simple-jquery-accordion-snippet</a></p>
</div>
<div>
<h3>Cross-Browser, Cross-Device</h3>
<p>The Lingulo-Accordion works in almost any browser (> IE 6 and Chrome > 15.0) and device</p>
</div>
</div>