diff --git a/assets/js/theme/design-system/dropdown.js b/assets/js/theme/design-system/dropdowns.js similarity index 77% rename from assets/js/theme/design-system/dropdown.js rename to assets/js/theme/design-system/dropdowns.js index 95b8b62800b64217ab98629dee50a67183f9fa3a..8cc21392d4ac69de786d186b238c6abed1b5304b 100644 --- a/assets/js/theme/design-system/dropdown.js +++ b/assets/js/theme/design-system/dropdowns.js @@ -17,12 +17,14 @@ class Dropdown { } toggleDropdown (open = !this.state.isOpened) { - console.log('lalala') - let classAction; this.state.isOpened = open; - classAction = this.state.isOpened ? 'add' : 'remove'; this.dropdownButton.setAttribute('aria-expanded', this.state.isOpened); } } -export default new Dropdown('.diplomas-select'); +// Selectors +['.diplomas-select'].map(selector => { + if (document.querySelector(selector)) { + new Dropdown(selector); + } +}); diff --git a/assets/js/theme/index.js b/assets/js/theme/index.js index 7c7f6a54f31224214c4b2647c17c6eb87b8f7845..52984c38ccdbbd5b8047f5a15822351c35115da8 100644 --- a/assets/js/theme/index.js +++ b/assets/js/theme/index.js @@ -1,7 +1,7 @@ import './body.js'; import './blocks/keyFigures'; import './blocks/timeline'; -import './design-system/dropdown'; +import './design-system/dropdowns'; import './nav/stickyNav'; // import './nav/responsive'; import './nav/mainMenu';