Aspect onglet qui reste tant qu'un autre n'est pas cliqué jQuery

$(document).ready(function() {
 $("#menu a").each(function() {
  if (this.href == window.location) {
   $(this).css("background","red");
  };
 }); 
});

$(function () {
    setNavigation();
});

function setNavigation() {
    var path = window.location.pathname;
    path = path.replace(/\/$/, "");
    path = decodeURIComponent(path);

    $("#menu a").each(function () {
        var href = $(this).attr('href');
        if (path.substring(0, href.length) === href) {
            $(this).closest('li').addClass('active');
        }
    });
}

<div id="menu">
<ul>
<li><a href="">page</a></li>
<li><a href="">page</a></li>
<li><a href="">page</a></li>
<li><a href="">page</a></li>
</ul>
</div>