JAVASCRIPT

add navbar active

$(document).ready(function() {
    $('a[href$="' + location.pathname + '"]').addClass('active');
});

active class nav

$('.nav-list li').click(function() {

    $('.nav-list li.active').removeClass('active');
    $(this).addClass('active');
});

How to add .active class to active menu item

<?php
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}

Active class in menu section

// active class in menu section
// first
@php
    $route = Route::current()->getName();
@endphp
// 2nd
<li class="{{ ($route == 'home') ? 'active' : ''  }}"><a href="{{ route('home') }}">Home</a></li>