Question

我是Bootstrap的新手。我尝试了很多方法，但是当我单击该按钮时，它显示了测验答案，但无法崩溃。我不确定出了什么问题。这是我的代码

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

Answer 1

＃是您在href中的ID之前必需的

 <a href="#YOUR_UNIQUE_ID" id="quizAns" data-toggle="collapse" class="btn">Quiz Answer</a>
 <div id="YOUR_UNIQUE_ID" class="collapse">
     <span style=" border: 1px solid;">
              Answer: @item.quizAns
     </span>
 </div>

您的代码应如下所示

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

折叠功能在Bootstrap 3中不起作用

1 个答案: