responsivewebframework/src/js/tree-view.js

Jalasoft Foundation Front End Framework ========================================

$(function() {
    var itemTree;

    $('.tree-view li:has(ul)').toggleClass('parent-li').children('>.tree-item');

    $('.tree-item').click(function() {
        $(this).toggleClass('deploy');
    });

    $('.tree-view .parent-li ul li a, .tree-item').click(function() {

        if (typeof itemTree !== 'undefined') {
            itemTree.toggleClass('active-color');
        }

        if(typeof itemTree !== 'undefined' && !itemTree.hasClass('tree-item')) {
            itemTree.toggleClass('active-child');
        }

        if ( !$(this).hasClass('tree-item')) {
            $(this).toggleClass('active-child');
        }
        itemTree = $(this);
        $(this).toggleClass('active-color');
    });

    var item = $('.tree-view li.parent-li > .tree-item, .tree-item-disabled');
    var itemsTree = item.parent('li.parent-li').find(' > ul > li');
    itemsTree.hide('fast');

    $('.tree-view li.parent-li > .tree-item').click(
        function() {
            var  children = $(this).parent('li.parent-li').find(' > ul > li');

            if(children.is(":visible")) {
                children.hide('fast');

            } else {
                children.show('fast');
            }
        }
    );
});