HTML折叠菜单点击无响应求助：页面缩小时无法展开列表

你的折叠菜单失效主要有三个关键问题，逐一修复即可：

1. jQuery 链接拼写错误 #

你当前的jQuery链接里把jquery拼写成了jquey，导致无法正确加载jQuery库，这是核心问题之一。
原错误代码：

<script src="http://code.jquey.com/jquery-1.11.2.min.js"></script>

修复后：

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

2. Bootstrap CSS与JS版本不兼容 #

你引入的是Bootstrap 3的CSS文件，但JS用的是Bootstrap 5的bootstrap.bundle.min.js，两个版本不匹配会导致组件功能失效。Bootstrap 3依赖jQuery，而Bootstrap 5不再依赖jQuery，且组件API存在差异。
需要把JS换成Bootstrap 3对应的版本：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

3. 折叠按钮的属性拼写错误 #

按钮上的data-toggler属性拼写错误，正确属性应为data-toggle，这是Bootstrap识别折叠触发元素的关键属性。
原错误代码：

<button type="button" class="navbar-toggle collapsed" data-toggler="collapse" data-target="#collapsable-nav" aria-expanded="false">

修复后：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">

完整修复后的关键代码片段 #

<!-- 修复后的jQuery链接 -->
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- 匹配Bootstrap3的JS文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

<!-- 修复后的折叠按钮 -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

完成以上三个修复后，缩小页面点击折叠按钮就能正常显示列表项了。

内容的提问来源于stack exchange，提问作者Abror Kamolov