$(document).ready(function () {

    $('[data-toggleable-toggle]').click(function (event) {
        var el = $(event.target || event.currentTarget),
            toggleable = el.closest('[data-toggleable]'),
            toggleableTarget = toggleable.find('.' + toggleable.attr('data-toggleable-target'));


        toggleableTarget.slideToggle(300);
        toggleable.toggleClass(toggleable.attr('data-toggleable-class'));
        event.preventDefault();

    });

    var accordionButtons = $('.accordion-controls a');

    $('[aria-controls]').on('click', function (e) {
        $control = $(this);

        accordionContent = $control.attr('aria-controls');

        isAriaExp = $control.attr('aria-expanded');
        newAriaExp = (isAriaExp == "false") ? "true" : "false";
        $control.attr('aria-expanded', newAriaExp);

        isAriaHid = $('#' + accordionContent).attr('aria-hidden');
        if (isAriaHid == "true") {
            $('#' + accordionContent).attr('aria-hidden', "false");
            $('#' + accordionContent).css('display', 'block');
            $('#' + accordionContent).focus();
        } else {
            $('#' + accordionContent).attr('aria-hidden', "true");
            $('#' + accordionContent).css('display', 'none');

        }
    });

    function checkOthers(elem) {
        for (var i = 0; i < accordionButtons.length; i++) {
            if (accordionButtons[i] != elem) {
                if (($(accordionButtons[i]).attr('aria-expanded')) == 'true') {
                    $(accordionButtons[i]).attr('aria-expanded', 'false');
                    content = $(accordionButtons[i]).attr('aria-controls');
                    $('#' + content).attr('aria-hidden', 'true');
                    $('#' + content).css('display', 'none');
                }
            }
        }
    };

});

// this will toggle a panel collapsed/expanded for accessibility
$('.toggle-panel').on('click', function () {
    if (($(this).attr('aria-expanded')) == 'true') {
        $(this).attr('aria-expanded', 'false');
    } else {
        $(this).attr('aria-expanded', 'true');
    }
});