JavaScript发生冲突

Question

我在页面上有2个不同的选项卡式部分，但是javascript冲突并且不允许它们一起使用。如果我删除一个，它会起作用，反之亦然。我需要打开每个标签，默认情况下打开第一个标签图像，但是以这种方式设置它们都只允许打开一个图像。我对javascript不太满意这是我的代码：

这是第一个选项卡式的部分-

function openTab(evt, tabName) {
   var i, apartmentimg, tabapartment;
   apartmentimg = document.getElementsByClassName("apartmentimg");
   for (i = 0; i < apartmentimg.length; i++) {
    apartmentimg[i].style.display = "none";
  }
   tabapartment = document.getElementsByClassName("tabapartment");
   for (i = 0; i < tabapartment.length; i++) {
   tabapartment[i].className = tabapartment[i].className.replace("   active", "");
  }
   document.getElementById(tabName).style.display = "block";
   evt.currentTarget.className += " active";
  }

  window.onload=function(){
  document.getElementById("defaultOpen").click();
  };

这是第二个选项卡式部分-

function openTab(evt, tabName) {
    var i, patioimg, tabpatio;
    patioimg = document.getElementsByClassName("patioimg");
    for (i = 0; i < patioimg.length; i++) {
        patioimg[i].style.display = "none";
    }
    tabpatio = document.getElementsByClassName("tabpatio");
    for (i = 0; i < tabpatio.length; i++) {
        tabpatio[i].className = tabpatio[i].className.replace(" active", "");
    }
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}

window.onload=function(){
    document.getElementById("defaultOpen").click();
};

如何将它们组合在一起，以免彼此冲突，并且默认情况下每个图像都以第一个图像打开？

这是页面-https://vcs-dev.info/our-locations/vincentian-villa/

这是包含平面图的两个部分。