Bootstrap手風琴中的詠歎調按下的位置

Question

這是詠歎調按下應該在Bootstrap手風琴嗎？爲什麼打開標籤時狀態不會改變？

    <div class="panel-group"> 
        <div class="panel panel-default"> 
         <div class="panel-heading" data-toggle="collapse" data-target="#collapseThis"> 
         <h6 class="panel-title"> 
          <button class="accordion-toggle" type="button" role="button" aria-pressed="false" tabindex="1">Panel Heading</button> 
         </h6> 
         </div> 
         <div id="collapseThis" class="panel-collapse collapse"> 
         <div class="panel-body"> 
          <ul> 
           <li class="nice-link" data-filter=".one"><a href="#" tabindex="1">One</a></li> 
           <li class="nice-link" data-filter=".two"><a href="#" tabindex="2">Two</a></li> 
          </ul> 
         </div> 
         </div> 
        </div> 
        </div> 

Answer 1

你會想用詠歎調擴展，而不是壓制，表明是否手風琴被打開或關閉。

您應該檢查您的代碼與bootstraps文檔站點上顯示的示例。他們清楚地展示瞭如何設置手風琴，它將幫助減輕額外的紅旗與你的代碼（tabindexes元素，不需要/不應該有標籤索引，按鈕在按鈕元素上的作用）

http://getbootstrap.com/javascript/

Answer 2

Use this code to make toggle button 

[這裏你可以找到如何使用span標籤來定義詠歎調，按下按鈕1

<span tabindex="0" 
    role="button" 
    id="toggle" 
    aria-presed="false"> 
    Mute 
</span>