How to make multiple tabs out of this?

Question

JavaScript

There is a code for tabs:

function openTab(evt, servName) {
    // Объявить все переменные
    var i, tabcontent, tablinks;

    // Получить все элементы с помощью class="tabcontent" и спрятать их
    tabcontent = document.getElementsByClassName("tab");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }

    // Получить все элементы с помощью class="tablinks" и удалить class "active"
    tablinks = document.getElementsByClassName("all_tab_link");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }

    // Показать текущую вкладку и добавить "active" класс для кнопки, которая открыла вкладку
    document.getElementById(servName).style.display = "block";
    evt.currentTarget.className += " active";
}

But if you set several tabs with this function, then the class will leave one, in general, I think you understood from the code. It is necessary to do so that it would be possible to create several, probably the data attribute should be used.