document.addEventListener("DOMContentLoaded", function(){ // make it as accordion for smaller screens if (window.innerWidth > 992) { document.querySelectorAll('.navbar .nav-item').forEach(function(everyitem){ everyitem.addEventListener('mouseover', function(e){ let el_link = this.querySelector('a[data-bs-toggle]'); if(el_link != null){ let nextEl = el_link.nextElementSibling; el_link.classList.add('show'); nextEl.classList.add('show'); } }); everyitem.addEventListener('mouseleave', function(e){ let el_link = this.querySelector('a[data-bs-toggle]'); if(el_link != null){ let nextEl = el_link.nextElementSibling; el_link.classList.remove('show'); nextEl.classList.remove('show'); } }) }); } // end if innerWidth }); // DOMContentLoaded end
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter