collapseexpand UI Component

Ben Tiedt — Fri, 08 Mar 2024 17:51:58 GMT

Current Revision posted to API Documentation by Ben Tiedt on 03/08/2024 17:51:58

jQuery.telligent.evolution.ui.components.collapseexpand

[[ui JavaScript API Module|UI Component]] which handles presentation of content that can be collapsed and expanded. [[ui JavaScript API Module|Overrides can be provided]] at the theme level to present bookmarks differently.

Options

Data made available to instances of the component:

collapsetext: (string) Text label when content can be collapsed
expandtext: (string) Text label when content can be expanded

Default Implementation

For reference purposes or as the basis for an override:

$.telligent.evolution.ui.components.collapseexpand = {
    setup: function() {
    },
    add: function(elm, options) {
    var a = $('<a></a>').attr({href: '#'}).text(options.collapsetext);
        var isExpanded = false;
        a.on('click', function() {
            if(isExpanded) {
                elm.slideUp();
                a.text(options.collapsetext);
            }
            else {
                elm.slideDown();
                a.text(options.expandtext);
            }
            isExpanded = !isExpanded;
            return false;
        });
        elm.removeClass().before(a).hide();
     }
};