觸發(fā)手風(fēng)琴可以通過自定義的 data-toggle 屬性來觸發(fā)。其中data-toggle值設(shè)置為 collapse，data-target="#折疊區(qū)標(biāo)識符"。接下來我們來看一個(gè)簡單的示例：（六步）
第一步，設(shè)計(jì)一個(gè)面板組合，里面有三個(gè)折疊區(qū)：

<div class="panel-group" id="myAccordion">
    <div class="panel panel-accordion panel-default"></div>
    <div class="panel panel-accordion panel-default"></div>
    <div class="panel panel-accordion panel-default"></div>
</div>

你將看到這樣的一個(gè)效果：

第二步：給面板添加內(nèi)容，每個(gè)面板包括兩個(gè)部分，第一個(gè)是面板標(biāo)題 panel-heading，并且在這里面添加標(biāo)題 panel-title。第二個(gè)部分是面板內(nèi)容，也就是折疊區(qū)，使用 panel-collapse 樣式。

<div class="panel panel-accordion panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">標(biāo)題一</h4>
    </div>
    <div class="panel-collapse">
        <div class="panel-body">折疊區(qū)內(nèi)容...</div>
    </div>
</div>
…

此時(shí)你將看到下圖這樣的效果：

接下來的步驟，見下一節(jié)的介紹。