﻿

$(document).ready(function() {
    sAccordion({
        container: 'sAccordion', // ID du container
        activeContent: -1, // Accordeon ouvert par defaut
        speed: 'speed' // vitesse de l'effet slideToggle ( slow, medium, speed )
    });
});


function sAccordion(param) {
    $(document).ready(function() {
        // on applique un ID au elements classe sAccordion-content
        $("#" + param.container + " .sAccordion-content").each(function(i) {
            $(this).attr({ id: "sAccordion-content-" + i });
        });
        // on passe toutes les sections de l'accordeon en etat inactif
        $("#" + param.container + " .sAccordion-content").hide();
        // on ouvre la section active par defaut
        $("#" + param.container + " #sAccordion-content-" + param.activeContent).show();
        $("#" + param.container + " #sAccordion-content-" + param.activeContent).prev(".sAccordion-open").addClass("sAccordion-open-actif");
        // au click sur un element classe sAccordion-open...
        $("#" + param.container + " .sAccordion-open").click(function() {
            // on récupère l'état display de la section ciblée
            var display_etat = $(this).next(".sAccordion-content").css('display');
            // on passe toutes les sections de l'accordeon en etat inactif
            $("#" + param.container + " .sAccordion-content").hide();
            $("#" + param.container + " .sAccordion-open").removeClass("sAccordion-open-actif");
            // on ouvre la section si elle ne l'est pas déjà
            if (display_etat == 'none') {
                $(this).next(".sAccordion-content").slideToggle(param.speed)
                $(this).addClass("sAccordion-open-actif");
            }
        });
    });
}
