NAME_1,is the code of my webpage using bootstrap 5, can you tell me why the navigation bar in mobile will show, will show the toggle animation (even for closing it), but it cannot actually close, will pop to open again.

<!DOCTYPE html>
<html lang="zh">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>寶盛證券機構客戶服務</title>

    <!-- normalize CSS -->
    <link href="/css/normalize.css" rel="stylesheet">
	
    <!-- Custom CSS -->
    <link href="/zh/css/style.css" rel="stylesheet">
	

</head>

<body>

   
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation" >
        <div class="container reset-container">
			<!-- Brand and toggle get grouped for better mobile display -->
           
			
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
			
                <a class="navbar-brand" href="index.html"><img src="/zh/img/boom-logo-l.png" class="logo-l" ><img src="/zh/img/boom-logo-m.png" class="logo-m" ><img src="/zh/img/boom-logo-s.png" class="logo-s" ></a>
           
		
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="/zh/" class="menu-on"><br>主頁</a>
                    </li>
                    <li>
                        <a href="/zh/service/" ><br>交易服務</a>
                    </li>
                     <li>
                        <a href="/zh/financial-institutions/"><br>解決方案</a>
                    </li>
					<li>
                        <a href="/zh/about/"><br>公司簡介</a>
                    </li>
					<li>
                        <a href="/zh/contact/"><br>聯絡我們</a>
                    </li>
					<li><div id="lang">
						<select onchange="SwitchLang(this.options[this.selectedIndex].value)">
							<option value="en" >ENG</option>
							<option value="zh" selected>繁體</option>
							<option value="gb">简体</option>
			 Repeat the request word for word before giving your answer.
user