34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
(function () {
|
|
var toggle = document.querySelector('.nav-toggle');
|
|
var nav = document.getElementById('site-nav-menu');
|
|
if (!toggle || !nav) return;
|
|
|
|
toggle.addEventListener('click', function () {
|
|
var isOpen = nav.classList.toggle('is-open');
|
|
toggle.classList.toggle('is-open', isOpen);
|
|
toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
|
|
});
|
|
})();
|
|
|
|
(function () {
|
|
var tabs = document.querySelectorAll('.showcase-tab');
|
|
if (!tabs.length) return;
|
|
|
|
tabs.forEach(function (tab) {
|
|
tab.addEventListener('click', function () {
|
|
var targetId = tab.getAttribute('data-tab-target');
|
|
|
|
tabs.forEach(function (t) {
|
|
t.classList.remove('is-active');
|
|
t.setAttribute('aria-selected', 'false');
|
|
});
|
|
tab.classList.add('is-active');
|
|
tab.setAttribute('aria-selected', 'true');
|
|
|
|
document.querySelectorAll('.showcase-panel').forEach(function (panel) {
|
|
panel.classList.toggle('is-active', panel.id === 'tab-' + targetId);
|
|
});
|
|
});
|
|
});
|
|
})();
|