$(document).ready(function () {
    $("#open-accordion1").click(function () {
        if ($(this).find("i").hasClass("rotate-left") || (!$(this).find("i").hasClass("rotate-right") && !$(this).find("i").hasClass("rotate-left"))) {
            $(this).find("i").addClass("rotate-right");
            $(this).find("i").removeClass('rotate-left');
        } else {
            $(this).find("i").addClass('rotate-left');
            $(this).find("i").removeClass('rotate-right');
        }
        $("#accordion-1").toggleClass("collapse");
        if (!$("#accordion-2").hasClass("collapse")) {
            $("#open-accordion2").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-2").addClass("collapse");
            }, 500);

        }
        if (!$("#accordion-3").hasClass("collapse")) {
            $("#open-accordion3").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-3").addClass("collapse");

            }, 500);
        }
    });

    $("#open-accordion2").click(function () {
        if ($(this).find("i").hasClass("rotate-left") || (!$(this).find("i").hasClass("rotate-right") && !$(this).find("i").hasClass("rotate-left"))) {
            $(this).find("i").addClass("rotate-right");
            $(this).find("i").removeClass('rotate-left');
        } else {
            $(this).find("i").addClass('rotate-left');
            $(this).find("i").removeClass('rotate-right');
        }
        $("#accordion-2").toggleClass("collapse");

        if (!$("#accordion-1").hasClass("collapse")) {
            $("#open-accordion1").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-1").addClass("collapse");
            }, 500);

        }
        if (!$("#accordion-3").hasClass("collapse")) {
            $("#open-accordion3").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-3").addClass("collapse");
            }, 500);
        }
    });

    $("#open-accordion3").click(function () {
        if ($(this).find("i").hasClass("rotate-left") || (!$(this).find("i").hasClass("rotate-right") && !$(this).find("i").hasClass("rotate-left"))) {
            $(this).find("i").addClass("rotate-right");
            $(this).find("i").removeClass('rotate-left');
        } else {
            $(this).find("i").addClass('rotate-left');
            $(this).find("i").removeClass('rotate-right');
        }
        $("#accordion-3").toggleClass("collapse");

        if (!$("#accordion-2").hasClass("collapse")) {
            $("#open-accordion2").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-2").addClass("collapse");
            }, 500);
        }
        if (!$("#accordion-1").hasClass("collapse")) {
            $("#open-accordion1").find("i").toggleClass('rotate-left');
            setTimeout(function () {
                $("#accordion-1").addClass("collapse");
            }, 500);
        }
    });
});