?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/schtroumpf.fr/modules/an_productextratabs/views/js/


?? Go up: /home/webdevt/www/schtroumpf.fr/modules/an_productextratabs/views

?? Viewing: accordion.js

/**
* 2022 Anvanto
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
*
*  @author    Anvanto <anvantoco@gmail.com>
*  @copyright 2022 Anvanto
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*/

(function ($) {
    $(document).ready(function () {
        var length = $('.tabs .nav-tabs .nav-item').length;
        var html  = '<div id="accordion">';
        var collapsed = 'in';
        var col = 'collapsed';
        var expanded  = 'true';
        var tabsdiv = $('ul.nav-tabs').parent();
        for (var i = 0; i < length; i++) {
            if (i != 0 ) {
                collapsed = '';
                col = '';
                expanded = 'false';
            }
            html += '<div class="card">\n' +
                '  <div class="card-header">\n' +
                '  <button class="btn btn-link accordion-toggle ' + col + '" data-toggle="collapse" data-target="#collapse' + i + '" aria-expanded="' + expanded + '" aria-controls="collapse' + i + '">\n' +
                '<i class="material-icons expand_more">expand_more</i>' +
                $('.tabs .nav-tabs .nav-item').eq(i).find('.nav-link').text() + '\n' +
                '  </button>\n' +
                '  </div>\n' +
                '   <div id="collapse' + i + '" class="collapse show ' + collapsed + '" aria-expanded="' + expanded + '" aria-labelledby="heading' + i + '" data-parent="#accordion">\n' +
                '  <div class="card-body">\n'
                + $('.tabs .tab-pane').eq(i).html() +
                '  </div>\n' +
                '  </div>\n' +
                '</div>';
        }
        html += '</div>';
        tabsdiv.replaceWith(html);
        $('#accordion').collapse('show');
        $('#accordion .card-header').eq(0).find('.btn').addClass('active');
        $('#accordion .card-header').eq(0).find('.expand_more').text('expand_less');
        $('#accordion .card-header .btn').click(function(){
            if($(this).hasClass('active')) {
                $(this).removeClass('active');
                $('.expand_more',this).text('expand_more');
            } else {
                $('#accordion .card-header .btn').removeClass('active');
                $('#accordion .card-header .btn .expand_more').text('expand_more');
                $('.expand_more',this).text('expand_less');
                $(this).addClass('active');
            }
        });
    });
})(jQuery);

??

??