单击第一个时，动态选项卡将消失

Question

I'm trying to build a dynamic tabs navigation with javascript and php, I want to generate a new tab anytime a week is inserted in the data base. It displays the 2 tabs when I refresh the page, when I click tab number 2 it shows the info, when I click tab 1, tab 2 disappears.

$sql = "SELECT * FROM journal WHERE id=".$_SESSION['id'];

$sql = $conectar->prepare($sql);
$sql->execute();

$resultado = $sql->fetchAll();

for ($i=0;$i<count($resultado);$i++) {
?>
<button class="tablink" onclick="openPage('<?php echo $resultado[$i]['semana'] ?>')"><?php echo $resultado[$i]['semana'] ?></button>
<div id="<?php echo $resultado[$i]['semana'] ?>" class="tabcontent">
  <h3><?php echo $resultado[$i]['semana'] ?></h3>
  <p>Home is where the heart is..</p>
</div>
<?php } ?>

<script>
function openPage(pageName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }
  document.getElementById(pageName).style.display = "block";
  elmnt.style.backgroundColor = color;
}

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

I'm expecting to have all tabs available to view the weekly information, currently when I click the first tab, the second goes away.

</div>