« Clean Energy | Home

accordion

アコーディオンのようにひとつのメニューが開き、ほかのメニューは閉じる。ブラウザで開いたときにメニューも開くときは、accordion-body collapse in と書く。

〔例〕アコーディオン名 side-bar グループ名area01~area03

HTML
<div class="accordion" id="side-bar">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" 
        data-parent="#side-bar" href="#area01"> 概要 </a>
    </div>
    <div id="area01" class="accordion-body collapse in">
      <div class="accordion-inner">
        <ul>
          <li><a href="#">Link1</a></li>
          <li><a href="#">Link2</a></li>
          <li><a href="#">Link3</a></li>
	      </ul>
      </div>
    </div>
  </div>
  <div class="accordion-group">
   ~
  </div>
</div>

段落のトグル機能

ここがトグル