jQuery Plugin For Expandable Html List Element - Expandable List

File Size: 91.5KB
Views Total: 5292
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Expandable Html List Element - Expandable List

Expandable List is a simple and fast jQuery plugin to create an expandable html list that each item can be expanded on click. Good for creating multi-level menus, tree view, etc.

Basic Usage:

1. Include the latest jQuery library and jQuery Expandable List on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="js/jquery.expandable.list.js" type="text/javascript"></script>

2. Create a html list

<ul class="list">
<li><span>Element1</span>
<ul>
<li> Elem1.1
<p> </p>
<ul>
<li> Elem1.3 </li>
<li> Elem1.4 </li>
</ul>
</li>
<li> Elem1.2 </li>
</ul>
</li>
<li><span>Element2</span>
<ul>
<li> Elem1.1 </li>
<li> Elem1.2 </li>
</ul>
</li>
<li>Element3</li>
</ul>

3. Call the plugin

<script type="text/javascript">
$('.list').expList();
</script>

This awesome jQuery plugin is developed by jasalguero. For more Advanced Usages, please check the demo page or visit the official website.