How to use

mooTree requires - core/1.3 Core, Array, Function, Event, Class, Element, Element.Style, Element.Event

Include mootools framework and mooReadAll plugin

<script src="path-to-mootools-framework" type="text/javascript"></script>
<script src="path-to-mooTree-js" type="text/javascript"></script>

Include mooTree stylesheet

<link href="path-to-mooTree-css" type="text/css" rel="stylesheet" />

Example code

Javascript:

window.addEvent('domready', function() {
    var mt_instance = new mooTree('my_list_id', {collapse:true, expand_top: true});
}

Html:

<ul id="my_list_id">
    <li>First voice init expanded
        <ul>
            <li>First under first init shown
                <ul>
                    <li>First under first under first init shown</li>
                    <li>Second under first under first init shown</li>
                </ul>
            </li>
            <li>Second under first init shown
                <ul>
                    <li>First under second under first init hide</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>Second voice init collapsed
        <ul>
            <li>First under second init not hide</li>
        </ul>
    </li>

</ul>

For more demos please visit the mooReadAll demo page at http://www.abidibo.net/projects/js/mooTree/demo

Tests

Run the tests provided in the Test folder

Links

The project page: http://www.abidibo.net/projects/js/mooTree
The documentation page: http://www.abidibo.net/projects/js/mooTree/doc
The demo page: http://www.abidibo.net/projects/js/mooTree/demo

Please report bugs, errors and advices in the github project page: http://github.com/abidibo/mooTree

Screenshots

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.