==== Bootstrap ====
letzten gewählten Menüpunkt aktiv anzeigen\\
aktiven Menüpunkt anders farbig anzeigen\\
https://www.codeply.com/go/I3EjDb74My
{{programmieren:menu:ezltqeruv8.png}}
$('.navbar-nav .nav-link').click(function(){
$('.navbar-nav .nav-link').removeClass('active');
$(this).addClass('active');
})
.navbar-dark .nav-item > .nav-link.active {
color:white;
background-color: red;
}
----
==== Einfaches Tree Menü ====
mit jquery.js
http://jsfiddle.net/Conny64/jy0zpwud/1/ \\
{{ programmieren:menu:ezucojrmsr.jpg ?200 }}
$(function() {
$('#MainMenu > li').click(function(e) {
e.stopPropagation();
var $el = $('ul',this);
$('#MainMenu > li > ul').not($el).slideUp();
$el.stop(true, true).slideToggle(10);
});
$('#MainMenu > li > ul > li').click(function(e) {
e.stopImmediatePropagation();
});
});
ul >li {
margin-left: 20px;
}