Accessible Tree

This plugin creates a tree of a nested html list with subtrees that can be extended and collapsed.

Widget based on Tree by Christoph Pojer!

How to use

Create a nested list

#HTML
<ul class="tree" id="tree">
    <li id="tree3">
        <span>Tree Structure</span>
        <ul>
            <li>
				<span>Bark</span>
                <ul>
                    <li>
						<span>Periderm</span>
                        <ul>
                            <li>
								<span>Cork</span>
							</li>
                            <li>
								<span>Cork Cambium</span>
							</li>
                        </ul>
                    </li>
                    <li>
						<span>Living Phloem</span>
					</li>
                </ul>
            </li>
            <li><span>Sapwood</span>
            <ul>
                <li>
                    <span>Vascular Cambium</span>
                </li>
                <li>
                    <span>Radial Section</span>
                </li>
            </ul>
            </li>
            <li>
                <span>Heartwood</span>
            </li>
        </ul>
    </li>
</ul>

and call

#HTML
new Tree('tree');

with the id of the tree so that it can be converted. That's all :)