forked from izu/student-web-if-development-kit
refactor(tapops): modularize page code
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
export class AccessibilityToggleController {
|
||||
constructor({
|
||||
triggerSelector = '[data-accessibility-toggle]',
|
||||
panelId = 'access-panel',
|
||||
} = {}) {
|
||||
this.triggers = Array.from(document.querySelectorAll(triggerSelector));
|
||||
this.panel = document.getElementById(panelId);
|
||||
}
|
||||
|
||||
init() {
|
||||
if (this.triggers.length === 0) return;
|
||||
this.triggers.forEach(trigger => {
|
||||
trigger.addEventListener('click', () => this.toggle());
|
||||
});
|
||||
}
|
||||
|
||||
toggle() {
|
||||
if (!this.panel) return;
|
||||
this.panel.classList.toggle('hidden');
|
||||
this.panel.classList.toggle('flex');
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user