该选项卡默认不打开

Question

我正在创建多个选项卡来显示数据。我想让第一个选项卡默认打开，但默认情况下不打开。它仅在单击第一个选项卡按钮时显示。原因是什么？任何帮助将不胜感激。

function open(evt, tag) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("content");
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(tag).style.display = "block";
evt.currentTarget.className += " active";
};

document.getElementById("index-0").click();

<div class="tabs flex text-center">
{{#each data}}
<button class="tablinks flex-1 cursor-pointer pb-2 pr-1 border-b-4" id="ext-index-{{@index}}" onclick="open(event, \'tabs_{{name}}\')">{{name}}</button>
{{/each}}
</div>

<div>
{{#each data}}
<div id="tabs_{{name}}" class="content" style="display: none;" >
<ul>
{{#each links}}
<li> <a href="{{this.url}}" target="_blank" class=" flex p-2 border text-xs mt-2 text-blue-400 " style="text-decoration: underline;">{{this.lname}} <i class="ml-4 fas fa-external-link-alt"></i> </a> </li>
{{/each}}
</ul>
</div>
{{/each}}</div>