Question

无法折叠引导程序

<a href="#demo" data-toggle="collapse">Collapsible</a>

<div id="demo" class="collapse">
@item.Ans
</div

Answer 1

很难知道，因为您没有共享所有相关代码，但是请注意，您对多个元素（id="getAnsHint"使用相同的ID，这不是有效的HTML，如果折叠代码依赖于它可能不起作用的ID

Answer 2

包装您的QuizforHint。我认为您没有尝试过，但是您的html像这样<a href=someid123 >产生了

@foreach (var item in Model){

<a href="'@("#QuizForHint"+i)'" id="getAnsHint"  class="btn"  data-toggle="collapse">Quiz Hint</a>
<div id='"@("QuizForHint"+i)"' class="collapse">
        <span style=" border: 1px solid;>@item.QuizForHint</span>
</div>

您还可以像通过每个HTML生成HTML一样共享HTML吗？

Answer 3

在' ..'中使用" "代替"@('#QuizForHint/getAnsHint'+i)"
使用data-target：https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_collapsible&stacked=h
为每个id设置唯一的a
使用"的关闭样式：style=" border: 1px solid;"

    @foreach (var item in Model){
    <a href="@('#QuizForHint'+i)" id="@('getAnsHint'+i)"  class="btn"  data-toggle="collapse" data-target="@('QuizForHint'+i)">Quiz Hint</a>
            <div id="@('QuizForHint'+i)" class="collapse">
                    <span style=" border: 1px solid;">@item.QuizForHint</span>
            </div>
    }

引导程序崩溃无法隐藏

3 个答案: