عدم اجرا صحیح کد هنگام استفاده از دستور foreach

[Iran58]

سلام
من کدزیر را نوشته ام

<div class="row">
<div class="col">
<div id="accordion">
<div class="border">
<div class="bg-light p-2">
<button class="btn btn-link" type="button" data-toggle="collapse"
data-target="#collapse4">
Collapsible Group Item #1
</button>
</div>
<div id="collapse4" class="collapse show" data-parent="#accordion">
@Html.Action("Index1", "Test")
</div>
</div>
<div class="border">
<div class="bg-light p-2">
<button class="btn btn-link" type="button" data-toggle="collapse"
data-target="#collapse5">
Collapsible Group Item #2
</button>
</div>
<div id="collapse5" class="collapse" data-parent="#accordion">
@Html.Action("Index2", "Test")
</div>
</div>
<div class="border">
<div class="bg-light p-2">
<button class="btn btn-link" type="button" data-toggle="collapse"
data-target="#collapse6">
Collapsible Group Item #3
</button>
</div>
<div id="collapse6" class="collapse" data-parent="#accordion">
@Html.Action("Index3", "Test")
</div>
</div>
</div>
</div>
</div>

بشکل صحیح کارمیکند
اما وقتی ازforeach استفاده میکنم

<div class="row">
<div class="col">
<div id="accordion">
@{
var db = new TestEntities();
var list = db.TestActions;
foreach (var items in list)
{
<div class="border">
<div class="bg-light p-2">
<button class="btn btn-link" type="button" data-toggle="collapse"
data-target="#@items.Id">
<span>@items.Name</span>
</button>
</div>
<div id="@items.Id" class="collapse show" data-parent="#accordion">
@Html.Action(@items.Action, @items.Controller)
</div>
</div>
}
}
</div>
</div>
</div>

اطلاعات نمایش داده میشود اما
data-parent="#accordion"
که برای جمع شدن است دیگر درست کار نمیکند
چکار باید کنم
باتشکر