在 C# MVC 中使用手风琴进行循环？

Question

我正在使用 Twitter bootstrap 的 Accordion 代码，然后我打算在其中切换他们的代码。

在我的项目中，我将采用以下结构：

Main 2
 - Sub 1
 - Sub 2
 - Sub 3
Main 1
- Sub 1
- Sub 2
- Sub 3

并且这些是根据某个数据库中的数量增加的（例如有4个，它将上升到Main 4） Sub1,Sub2,Sub3.... 是其他手风琴，所以我必须有外手风琴和内手风琴

我正在尝试使用此代码：

    @for (int j = 1; j < number; j++ )
{ 
<div class="panel-group" id="accordion@j">

    <div class="panel-group" id="accordion">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">@j. What is HTML?</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    @j
                </div>
            </div>
        </div>
    </div>
 </div>

}

其中 number 是我的数据库中的数字

这虽然行不通。手风琴不起作用，而是只给了我 2 个打开的 div。 @j 相应地改变了数字

知道我能做什么吗？

Answer 1

替换

id="accordion@j">

和

id="@("accordion" + j)"

在 C# MVC 中使用手风琴进行循环？

For-do loop with accordion in C# MVC?

c#

model-view-controller

jquery

twitter-bootstrap