Функция свертывания не работает в Bootstrap 3

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

 <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>