Skip to content

Commit b0791b1

Browse files
committed
Added dropdown JS behaviour to expanded menu items in footer for red_white theme
1 parent 823df33 commit b0791b1

File tree

2 files changed

+43
-1
lines changed
  • web/themes/custom/fds_redwhite_theme

2 files changed

+43
-1
lines changed

web/themes/custom/fds_redwhite_theme/dist/javascripts/app.js

Lines changed: 22 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

web/themes/custom/fds_redwhite_theme/src/javascripts/app.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,27 @@ document.addEventListener('DOMContentLoaded', function() {
6262
}
6363
});
6464

65+
// Footer menu dropdowns.
66+
document.addEventListener('DOMContentLoaded', function() {
67+
function toggle(event) {
68+
var button = event.target;
69+
var parent = button.parentNode;
70+
var list = parent.querySelector('.menu');
71+
if (list) {
72+
list.classList.toggle('show');
73+
parent.classList.toggle('active');
74+
}
75+
}
76+
77+
var buttons = document.querySelectorAll('.footer .block-menu.navigation .menu-item--expanded');
78+
79+
for (var i = 0; i < buttons.length; i++) {
80+
var button = buttons[i];
81+
82+
button.addEventListener('click', toggle);
83+
}
84+
});
85+
6586
// Open all file-links in a new window.
6687
(function() {
6788
var links = document.querySelectorAll('.field--type-file .file a');

0 commit comments

Comments
 (0)