javascript - ボタンでアクションを繰り返さない

Question

私はいくつかのコンテンツを表示しようとしているいくつかのボタンでいくつかのトランジションを行っています。ボタンを押すと、コンテンツのスライドとフェードアウト、および他のコンテンツのフェードインとスライドが表示されます。これは非常にうまく機能していますが、同じボタンを2回押すとスライドしてフェードしてから再び表示されます。すでにセクションが表示されている場合は、ボタンを押すことができないようにしたいと思います。

関数に使用しているコードを残しておきます。

    $(".btns-segur-desarr ul").on("click", changeArticule);

function changeArticule (data) {
    var target = data.target.className;
    var secciones = ["#seccion-fuego","#seccion-bateria","#seccion-sismo","#seccion-extintor"];
    $("#" + target).css("right", -"80");

    for (var i = 0; i < secciones.length; i++) {
        if($(secciones[i]).hasClass("aVista")){
            $(secciones[i]).animate({
                right: "40",
                opacity: "0"
            });
        $(secciones[i]).removeClass("aVista");
        }
    };

    $("#" + target).addClass("aVista");
    $("#" + target).animate({
        right:"0",
        opacity: "1"
    })

}

誰かがこれを手に入れるのを手伝ってくれたらありがたい