nav.html

<script>
    $(".navbar-nav").children().each(function () {
        if ($(this).hasClass("dropdown")) {
            if (window.location.pathname.indexOf("Member") >= 0) {
                $(this).addClass("active");
            }
        } else {
            if (window.location.pathname.indexOf($(this).children().attr("href")) >= 0) {
                $(this).addClass("active");
            } else if ($(this).children().attr("href") == "index.html" && window.location.pathname == "/") {
                $(this).addClass("active");
            }
        }
    });
    console.log(window.location.pathname)
    $(".navbar-toggler").addClass("collapsed");
    $(".navbar-toggler").click(function () {
        if ($(window).scrollTop() > 50 || $(".navbar-toggler").hasClass("collapsed"))
            navAddBackground();
        else
            navRemoveBackground();
    });
</script>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler">
    <span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="/img/logo_LeRoiRobotics2X.png" width="164" height="55"
        class="d-inline-block align-top" alt="" /></a>
<div class="collapse navbar-collapse" id="navbarToggler">
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" href="index.html">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="vex.html">VEX</a>
        </li>
        <li class="nav-item dropdown" id="membersDropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                data-toggle="dropdown">
                Members
            </a>
            <div class="dropdown-menu p-4 text-muted">
                <a class="dropdown-item" href="Member-Leo.html">Leo</a>
                <a class="dropdown-item" href="Member-Kevin.html">Kevin</a>
                <a class="dropdown-item" href="Member-Simon.html">Simon</a>
                <a class="dropdown-item" href="Member-Andrew.html">Andrew</a>
                <a class="dropdown-item" href="Member-Ivory.html">Ivory</a>
          
               
            </div>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="gallery.html">Gallery</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact</a>
        </li>
    </ul>
</div>