https://kino-ueberlingen.de/js/bootstrap-4-navbar.js

1
2/*!
3 * Bootstrap 4 multi dropdown navbar ( https://bootstrapthemes.co/demo/resource/bootstrap-4-multi-dropdown-navbar/ )
4 * Copyright 2017.
5 * Licensed under the GPL license
6 */
7
8
9$( document ).ready( function () {
10    $( '.dropdown-menu a.dropdown-toggle' ).on( 'click', function ( e ) {
11        var $el = $( this );
12        var $parent = $( this ).offsetParent( ".dropdown-menu" );
13        if ( !$( this ).next().hasClass( 'show' ) ) {
14            $( this ).parents( '.dropdown-menu' ).first().find( '.show' ).removeClass( "show" );
15        }
16        var $subMenu = $( this ).next( ".dropdown-menu" );
17        $subMenu.toggleClass( 'show' );
18        
19        $( this ).parent( "li" ).toggleClass( 'show' );
20
21        $( this ).parents( 'li.nav-item.dropdown.show' ).on( 'hidden.bs.dropdown', function ( e ) {
22            $( '.dropdown-menu .show' ).removeClass( "show" );
23        } );
24        
25         if ( !$parent.parent().hasClass( 'navbar-nav' ) ) {
26            $el.next().css( { "top": $el[0].offsetTop, "right": $parent.outerWidth() - 4 } );
27        }
28
29        return false;
30    } );
31} );