bootstrap collapse

by kuyabiye

HTML

<link rel="stylesheet" href="http://current.bootstrapcdn.com/bootstrap-v204/css/bootstrap.css">
<ul id="accordion">
    <li>
        <a href="#demo" data-toggle="collapse">
          1
        </a>

        <div id="demo" class="accordion-body collapse in">loremipsummmm</div>
    </li>
    <li>
<a href="#demo2" data-toggle="collapse">
  2
</a>

        <div id="demo2" class="accordion-body collapse in">loremipsummmm</div>
    </li>
        <li>
        <a href="#demo3" data-toggle="collapse">
          3
        </a>

        <div id="demo3" class="accordion-body collapse in">loremipsummmm</div>
    </li>
</ul>

JavaScript

$(".collapse").collapse({
    parent: "#accordion"
}).on('show', function (e) {
    $(e.target).closest('li').find('a').css('color', 'red');
}).first().collapse('show');