﻿$(document).ready(function() {

    $("#accordionMenu").accordion(
        {
            header: '> li.canActive > :first-child',
            autoHeight: false,
            active: false,
            collapsible: true,
            navigation: true,
            change: function(event, ui) {
                ui.oldHeader.parent(".canActive").removeClass("active");
                ui.newHeader.parent(".canActive").addClass("active");
            }
        }
        );

    // remove bad accordion
    $("li.canActive > a").removeClass("ui-accordion-content-active");

    // set active head
    //$(".ui-accordion-content-active").parent(".canActive").addClass("active");

});
