htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide other submenus when opening a new one

Browse Source
This commit is contained in:
Maximilian Grundke
2018-04-10 19:17:10 +02:00
parent f073042945
commit 7e5f87af0f
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/bootstrap-dropdown-submenu.js vendored
View File

@ -1,22 +1,27 @@
$(document).ready(function () { $(document).ready(function () {
var subMenusSelector = 'ul.dropdown-menu [data-toggle=dropdown]';
function openSubMenu(event) { function openSubMenu(event) {
if (this.pathname === '/') { if (this.pathname === '/') {
event.preventDefault(); event.preventDefault();
} }
event.stopPropagation(); event.stopPropagation();
$(subMenusSelector).parent().removeClass('open');
$(this).parent().addClass('open'); $(this).parent().addClass('open');
var menu = $(this).parent().find("ul"); var menu = $(this).parent().find("ul");
var menupos = menu.offset(); var menupos = menu.offset();
var newPos;
if ((menupos.left + menu.width()) + 30 > $(window).width()) { if ((menupos.left + menu.width()) + 30 > $(window).width()) {
var newpos = -menu.width(); newPos = -menu.width();
} else { } else {
var newpos = $(this).parent().width(); newPos = $(this).parent().width();
} }
menu.css({left: newpos}); menu.css({left: newPos});
} }
$('ul.dropdown-menu [data-toggle=dropdown]').on('click', openSubMenu).on('mouseenter', openSubMenu); $(subMenusSelector).on('click', openSubMenu).on('mouseenter', openSubMenu);
}); });