Expandable Collapsible Sitemap with jQuery Treeview plugin

January 31, 2010 |  by Mukesh Chapagain
9dc999958f3a49aeeed8abe175cf8d25 Del.icio.us

“Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree.” This is what the jQuery Treeview plugin home defines. You can create different types of tree. See demos here. Here, I will be showing you the Sitemap demo that I created using the Treeview plugin.

View Demo | Download Code

<li class="expandable">Parent
	<ul>
		<li class="expandable">Child-A
			<ul>
				<li>Child-A-1</li>
				<li>Child-A-2</li>
			</ul>
		</li>
		<li class="expandable">Child-B
			<ul>
				<li class="expandable">Child-B-1</li>
					</ul><ul>
						<li>Child-B-1-1</li>
						<li>Child-B-1-2</li>
					</ul>
				</li>
			</ul>
		</li>
		<li>Child-C</li>

View Demo | Download Code



1 Comment


  1. Great plugin. Thanks

Trackbacks

  1. WordPress Rocker
  2. Michael Davis
  3. Anish Lama
  4. Design Gala
  5. Michael Davis
  6. KHMER855.COM
  7. raulblon
  8. khmer855
  9. uberVU - social comments
  10. Terrence Au
  11. jayQuery
  12. Topsy.com

Leave a Reply