tonyair
/
webpack-bootstrap-ui-kit
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

IMPR: hide the other dropdowns

This commit is contained in:
Tony Air 2021-12-28 03:01:36 +02:00
parent 9b61c57f0c
commit 501f97164a
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/js/ui/dropdown.js
View File

@ -1,4 +1,4 @@
import Events from "../_events"; import Events from '../_events';
/* /*
* Bootstrap compatible dropdowns without popover library * Bootstrap compatible dropdowns without popover library
@ -8,9 +8,14 @@ import Events from "../_events";
* *
*/ */
const DropdownHoverUI = ((window) => { const DropdownHoverUI = ((window) => {
const NAME = "js-dropdown"; const NAME = 'js-dropdown';
const Toggle = (el) => { const Toggle = (el) => {
// hide others
document.querySelectorAll('.dropdown-menu').forEach((el, i) => {
el.classList.remove('show');
});
el.querySelector('.dropdown-menu').classList.toggle('show'); el.querySelector('.dropdown-menu').classList.toggle('show');
}; };
@ -28,14 +33,14 @@ const DropdownHoverUI = ((window) => {
console.log(`${NAME}: init`); console.log(`${NAME}: init`);
const attachHoverEvents = (el) => { const attachHoverEvents = (el) => {
el.addEventListener("mouseover", Show, false); el.addEventListener('mouseover', Show, false);
el.addEventListener("mouseout", Hide, false); el.addEventListener('mouseout', Hide, false);
el.classList.add(`${NAME}-active`); el.classList.add(`${NAME}-active`);
}; };
const attachClickEvents = (el) => { const attachClickEvents = (el) => {
el.addEventListener("click", (e) => { el.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
const el = e.currentTarget; const el = e.currentTarget;