jQuery(document).ready(function() {

    jQuery(".example > .ex-button").on("click", function() {

        if (jQuery(this).hasClass("active")) {
            jQuery(this).html("<span class='arrow'><i class='fas fa-chevron-down'></i></span>");
            jQuery(this).removeClass("active");
            jQuery(this)
                .siblings(".content")
                .slideUp(500);
        } else {
            jQuery(".example > .ex-button").removeClass("active");
            jQuery(this).addClass("active");
            jQuery(".content").slideUp(500);
            jQuery(this).html("<span class='arrow'><i class='fas fa-chevron-up'></i></span>");
            jQuery(this)
                .siblings(".content")
                .slideDown(500);
        }
    });
});