Active menu item with multi level submenus

Hi, I’m using this code to add active class depending of the page.

This is working ok except for multi level submenus any clue how to fix this

/** add active class and stay opened when selected */
var url = window.location;

// for sidebar menu entirely but not cover treeview
$('ul.sidebar-menu a').filter(function() {
	 return this.href == url;
}).parent().addClass('active');

// for treeview
$('ul.treeview-menu a').filter(function() {
	 return this.href == url;
}).closest('.treeview').addClass('active');

<li class="treeview">
	<a href="#">
	      <i class="fa fa-gears"></i>
	      <span>Settings</span>
		<i class="fa fa-angle-left pull-right"></i>
	</a>
		<ul class="treeview-menu">
			<li>
				<a href="#">
				      <i class="fa fa-bars"></i>
					Specials Settings
				</a>
				<ul class="treeview-menu">
					<li><a href="setting1.php">Setting 1</a></li>
				</ul>
			</li>
		</ul>
</li>

[REJack]

1. nice script but it is not valid
2. where you took the class ul.level-1 from? 😄 AdminLTE doesn’t use something like this.

i fixed it to get it work on AdminLTE

/** add active class and stay opened when selected */
var url = window.location;

// for sidebar menu entirely but not cover treeview
$('ul.sidebar-menu a').filter(function() {
	 return this.href == url;
}).parent().addClass('active');

// for treeview
$('ul.treeview-menu a').filter(function() {
	 return this.href == url;
}).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');

i tested all variations till level 3 (all items) 😃

[asayyed910]

I have fixed it now it will show only matching url as active rest as inactive

add active class and stay opened when selected

        var url = window.location;
        // for sidebar menu entirely but not cover treeview
        $('ul.sidebar-menu a').filter(function() {
            return this.href != url;
        }).parent().removeClass('active');

        // for sidebar menu entirely but not cover treeview
        $('ul.sidebar-menu a').filter(function() {
            return this.href == url;
        }).parent().addClass('active');

        // for treeview
        $('ul.treeview-menu a').filter(function() {
            return this.href == url;
        }).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');