当文章越来越多，归档页面要么分页，要么折叠，511遇见主站归档效果，完全用 Bootstrap 原生collapse实现，和搜索框同一套机制，不需要额外写 JS，只需要改index.php 里的归档分支代码 + custom.css 追加几行样式。这就是采用Bootstrap的好处。

实现这个折叠功能不需要额外引入 JS 库，你项目已经自带 Bootstrap4，用它原生的collapse组件就行，和现在搜索框#searchCollapse是完全同一套机制

实现思路（基于之前的归档代码结构）

• 给每个月份的标题 <h5> 加上 Bootstrap 的 collapse 触发属性 data-toggle="collapse"，指向对应月份的文章列表
• 给每个月份下面的文章列表 <ul> 加上对应的 id 和 collapse 类
• 不需要手写额外 JS，Bootstrap 自动处理点击展开 / 收缩，和搜索框原理完全一致
• 可选加少量 CSS，让标题鼠标变手型、加过渡动画

效果说明

• 默认全部折叠：所有月份的文章列表默认隐藏，页面只显示月份标题，不会太长
• 点击月份标题：展开 / 收起对应月份的文章列表，Bootstrap 自带平滑过渡动画
• 箭头指示：折叠时箭头朝右，展开时箭头自动旋转朝下，直观提示状态