根据需要,可以'Active Status - tabs within tabs .js”翻译为“活动状态 - 标签页中的标签页.js”,然后按照以下代码示例进行操作:
HTML:
CSS:
.tabs-within-tabs .tabs-nav {
display: flex;
list-style: none;
justify-content: center;
margin-bottom: 20px;
}
.tabs-within-tabs .tabs-nav li {
margin-right: 10px;
}
.tabs-within-tabs .tab {
display: none;
}
.tabs-within-tabs .tab.active {
display: block;
}
JavaScript:
var tabsNav = document.querySelector(".tabs-within-tabs .tabs-nav");
var tabsContent = document.querySelector(".tabs-within-tabs .tabs-content");
tabsNav.addEventListener("click", function(event) {
event.preventDefault();
if (event.target.tagName === "A") {
var targetTab = event.target.getAttribute("href");
var activeTab = document