MooTreeAcordion 1.8.1

this class takes a tree structure (by element id of by a passed element) and makes it tweakable with an Acordion effect.



Details

Author
Arieh Glazer
Current version
1.8.1
GitHub
arieh/MooTreeAcordion
Downloads
8075
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • core/1.3: [Event, Class, Class.Extras, Element, Element.Event, Element.Style, Element.Dimensions, Selectors, DomReady, Fx.Tween]
    • more/1.3: [Element.Measure]

How to use

Simple usage without any options:

var list = new TreeAcordion($('root'));

Usage with all options:

var list = new TreeAcordion('root',{
    branchClass :'branch',
    openerClass: 'handle',
    branchContainer : 'li',
    acordOpenFunction : function(el,height){/* ... */},
    acordCloseFunction : function(el,height){/* ... */},
    multiple: true,
    debug : false,
    rtl : true
});

An example of an HTML strcture to work with:

<ul id='root'> <!-- root element /-->
    <li> <!--  branch container /-->
        <a href='javascript:;' class='handle'>
            handle</a> <!-- handle /-->
        <ul class ='branch'> <!-- a branch /-->
            <li><ul class='branch'><!-- .... /--></ul></li>
        </ul>
    </li>
</ul>

Events

  • acord-opened : fired when a branch is opened. returns the opened branch
  • acord-closed : fired when a branch is closed. returns the closed branch
  • handled-opened : fired when a handled branch is opened. returns the handler
  • handled-closed : fired when a handled branch is closed. returns the handler

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.

blog comments powered by Disqus