tabs with collapsable toggles

by santosh_patnala

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">tab1</a>
    </li>
    <li><a href="#tab2" data-toggle="tab">tab2</a>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tab1">
        <div class="accordion" id="accordion">
            <div class="accordion-group">
                <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
                    href="#collapseTopOne">
        Collapsible Group Item #1
                    </a>

                </div>
                <div id="collapseTopOne" class="accordion-body collapse in">
                    <div class="accordion-inner">Anim pariatur cliche...</div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
                    href="#collapseTopTwo">
        Collapsible Group Item #2
                    </a>

                </div>
                <div id="collapseTopTwo" class="accordion-body collapse">
                    <div class="accordion-inner">Anim pariatur cliche...</div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab2">
        <div class="accordion" id="accordion2">
            <div class="accordion-group">
                <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...

CSS

#accordion a {
    color: blue;
}
#accordion2 a {
    color: green;
}