Usage

Create a div tag in html file with specific id for example accordionArea and write a specific function in javascript file to perform your business logic. An sample example as shown below:

HTML file:

<div id="accordionArea" ng-init="init()"></div>

Javascript file:


        var data ={"accordion_data": {"items": [{"tabId": "tab1","header": "Tab1","isActive": true,
        "msg": "This is in Collapsible Group 1 and this attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown."};

        $scope.init = function() {
             accordion();
        }

        function accordion() {
            var accordion_tpl = $(modelTemplate).filter('#accordion').html();
            var html = Mustache.to_html(accordion_tpl, data.accordion_data);
            $('#accordion').html(html);
        }

Accordion