Как сделать два разных списка вкладок с одним и тем же JS?

Нужно на одним сайте использовать один js

function openCity(evt, cityName) {
                    var i, tabcontent, tablinks;
                    tabcontent = document.getElementsByClassName("tabcontent");
                    for (i = 0; i < tabcontent.length; i++) {
                    tabcontent[i].style.display = "none";
                    }
                    tablinks = document.getElementsByClassName("tablinks");
                    for (i = 0; i < tablinks.length; i++) {
                    tablinks[i].className = tablinks[i].className.replace(" active", "");
                    }
                    document.getElementById(cityName).style.display = "block";
                    evt.currentTarget.className += " active";
                    }

                    // Get the element with id="defaultOpen" and click on it
                    document.getElementById("defaultOpen").click();

Когда я делаю второй список табов получается, что кнопки для каждого списка табов работают вместе
HTML такой:

<div class="container">
					<div class="tabs">
						<div class="opened">
							<div id="Tab1" class="tabcontent">
								<img src="{.//property[@name='slide1']/value}" alt="" />
								</div>

								<div id="Tab2" class="tabcontent">
									<img src="{.//property[@name='slide2']/value}" alt="" />
									</div>

									<div id="Tab3" class="tabcontent">
										<img src="{.//property[@name='slide3']/value}" alt="" />
										</div>

										<div id="Tab4" class="tabcontent">
											<img src="{.//property[@name='slide4']/value}" alt="" />
											</div>

											<div id="Tab5" class="tabcontent">
												<img src="{.//property[@name='slide5']/value}" alt="" />
												</div>
											</div>

											<div class="tab1">
												<button class="tablinks" onclick="openCity(event, 'Tab1')" id="defaultOpen"><img src="{.//property[@name='slide01']/value}" alt="" /></button>
												<button class="tablinks" onclick="openCity(event, 'Tab2')"><img src="{.//property[@name='slide02']/value}" alt="" /></button>
												<button class="tablinks" onclick="openCity(event, 'Tab3')"><img src="{.//property[@name='slide03']/value}" alt="" /></button>
												<button class="tablinks" onclick="openCity(event, 'Tab4')"><img src="{.//property[@name='slide04']/value}" alt="" /></button>
												<button class="tablinks" onclick="openCity(event, 'Tab5')"><img src="{.//property[@name='slide05']/value}" alt="" /></button>
											</div>
										</div>
									</div>