Contextual alternative options for accordion (collapse js)

Created by: bcphung

Just like other components, accordion should has it self contextual alternatives.

Usage:

Just add a contextual class to accordion-group, a contextual class uses with prefix accordion-* (* stands for primary, success, warning, danger, info).

<div class="accordion" id="accordion2">
  <div class="accordion-group accordion-info">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        ...
      </div>
    </div>
  </div>

Demo available here : http://app.phgcode.com/app/google-search/284815942