Не могу выяснить вкладки HREF # Data-Tab ⇐ Html

[Anonymous]

Я ссылаюсь на другой сайт, чтобы воспроизвести их систему переключений, но, похоже, он не работает на моем конце. < /p>



navigation

home
about







this is tab 1






this is tab 2




< /code>


// TAB SWITCHING
document.addEventListener('DOMContentLoaded', () => {
document
.querySelectorAll('#nav-list nav a[data-tab]')
.forEach(a => {
a.addEventListener('click', e => {
e.preventDefault();
const tabId = a.dataset.tab;
// hide all tab‐contents
document
.querySelectorAll('#main .tab-content')
.forEach(div => div.style.display = 'none');
// show the one picked
document.getElementById(tabId).style.display = 'block';
});
});
});


< /code>
The only things I'm doing different is using instead of a tag for my navigation bar.
This is a snippet from the example I'm referencing.

ul class="nav-list"
[*]
[*]



tab 1

tab 2


< /code>
They aren't using an external script either, just putting their script in the html at the very bottom. Am I misunderstanding something or am I in a special hell of my own making? Any help would be really appreciated.




Подробнее здесь: https://stackoverflow.com/questions/797 ... a-tab-tabs