Expandable Collapsible Sitemap with jQuery Treeview plugin


“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

About author
Passionate about Web Technology and Web development. Loves Blogging. Keenly interested in Open Source Technology/Software/Framework.
1 comment on this postSubmit yours
  1. Great plugin. Thanks

13 total pingbacks on this post
Submit your comment

Please enter your name

Your name is required

Please enter a valid email address

An email address is required

Please enter your message

Design Gala © 2012 All Rights Reserved

Developed by 76 Miles

Powered by WordPress