“视图”页面中的“折叠”面板在“全部”按钮上显示第一条记录

    <table class="table" >
    @foreach (var item in Model)
    {
                <tr>
                    <td>
                    <a class="btn" data-toggle="collapse" data-target="#viewdetails_@item.Title">
                        @Html.DisplayFor(modelItem => item.Title)
                    </a>
                <div class="collapse" id="viewdetails_@item.Title">
                    <table>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Category)</th>
                            <td>@Html.DisplayFor(modelItem => item.Category)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Budget)</th>
                            <td>@Html.DisplayFor(modelItem => item.Budget)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.EstimatedHours)</th>
                            <td>@Html.DisplayFor(modelItem => item.EstimatedHours)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.SuggestedSources)</th>
                            <td>@Html.DisplayFor(modelItem => item.SuggestedSources)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.ProposedDeadline)</th>
                            <td>@Html.DisplayFor(modelItem => item.ProposedDeadline)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Details)</th>
                            <td>@Html.DisplayFor(modelItem => item.Details)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Comments)</th>
                            <td>@Html.DisplayFor(modelItem => item.Comments)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Status)</th>
                            <td>@Html.DisplayFor(modelItem => item.Status)</td>
                        </tr>
                    </table>
                </div>
            </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Category)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Budget)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Details)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Status)
                    </td>
    </tr>
    }
    </table>

/* 以上是我的代码。我想在标题点击时折叠。有几个标题，但是在每个标题单击时，折叠窗口都会显示第一条记录。我应该怎么做才能显示相应的标题记录。