在 C# MVC 中使用手风琴进行 For-do 循环？答案

【问题标题】：For-do loop with accordion in C# MVC?在 C# MVC 中使用手风琴进行 For-do 循环？
【发布时间】：2015-06-26 10:43:22
【问题描述】：

我正在使用 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 会相应地更改数字

知道我能做什么吗？

【问题讨论】：

标签： c# jquery twitter-bootstrap model-view-controller

【解决方案1】：

替换

id="accordion@j">

与

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

【讨论】：

有一个小问题，我无法控制手风琴，我尝试打开第二个，但它只是关闭了第一个。