Javascript 引导4响应导航汉堡按钮未关闭

所以我的汉堡按钮在页面内部打开后不会关闭 这是我的导航码

<nav class="navbar navbar-expand-lg navbar-light">

    <button class="navbar-toggler navbar-toggle" type="button" data-toggle="collapse" 
        data- target="#navbarTogglerDemo03"
        aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <a class="navbar-brand" href="/"rel=""title="brand logo">//some image</a>
    
    <div class="collapse navbar-collapse" id="navbarTogglerDemo03">

        <ul class="navbar-nav">

            <li class="nav-item active p-2">
                <a class="nav-link" href="/" rel="" title="Home">home</a>
            </li>

        </ul>

    </div>

</nav>

---

我在其他一些页面中有几乎相同的代码，它似乎工作得很好

我认为您可以使用javascript在突然的时间或发生任何操作时关闭此div

$("#employeeRegister").hide();
$("#employeeRegister").show();

<button type="submit" class="btn btn-success btn-rounded waves-effect waves-light employeeRegister" id="employeeRegister">Save Changes</button>

$（“#employeeRegister”）.hide（）；
$（“#employeeRegister”）.show（）；
保存更改

我不明白什么？