$(document).ready(function() {
    // Afficher ou masquer le contenu des questions
    $(".answer").hide();
    $(".show-answer").css("cursor", "pointer").click(function(e) {
        e.preventDefault();
        var id = $(this).attr("id");
        var answerId = "#answer-" + id;
        var moreImg = $("#" + id + " img");
        if (moreImg.hasClass("more"))
        {
            $(answerId).slideDown();
            var src = moreImg.attr("src");
            src = src.replace("more", "less");
            moreImg.removeClass("more").addClass("less").attr("src", src);
        }
        else
        {
            $(answerId).slideUp();
            var src = moreImg.attr("src");
            src = src.replace("less", "more");
            moreImg.removeClass("less").addClass("more").attr("src", src);
        }
    });
    $("#show-all-answers").click(function(e) {
        e.preventDefault();
        $(".answer").show();
        $(".show-answer img").each(function() {
            var src = $(this).attr("src");
            src = src.replace("more", "less");
            $(this).removeClass("more").addClass("less").attr("src", src);
        });
    });
    $("#hide-all-answers").click(function(e) {
        e.preventDefault();
        $(".answer").hide();
        $(".show-answer img").each(function() {
            var src = $(this).attr("src");
            src = src.replace("less", "more");
            $(this).removeClass("less").addClass("more").attr("src", src);
        });
    });
});