Bootstrap 5 - 只折叠一次

Question

我在 CSHTML 中有一个折叠，但它只折叠一次。如果我再次单击它，文本会留在那里。有什么想法吗？

示例：

<div class="col-xl-3 col-sm-6 col-12">
                    <a class="text-dark" data-bs-toggle="collapse" href="#test" role="button"
                       aria-expanded="false" aria-controls="test">
                        <div class="card box">
                            <div class="card-content">
                                <div class="card-body ">
                                    <div class="d-flex align-items-center">
                                        <div class="align-items-start">
                                            <i class="bi bi-alarm-fill  float-left"
                                               style="font-size: 3rem;">
                                            </i>
                                        </div>
                                        <div class="position-absolute end-0 me-5 ">
                                            <h5>Test</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

<div class="collapse" id="test">
            <h1>test</h1>
        </div>