JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<script src="http://olatheyouthbaseball.com/Assets/Scripts/bootstrap.min.js"></script>
<body>
    <div class="container" id="top">
        <div class="row-fluid">
            <div class="span12">
                <div style="padding:10px;">
                    <h1>Frequently Asked Questions</h1>
                    <p>We understand that insurance can sometimes be confusing. We've gathered our most frequently asked questions for you. If you have questions not answered on these pages, contact our customer care team online, or at 800-821-7303.</p>                    
                    <ul class="pull-left nav nav-pills">
                        <li><a href="#General">General</a></li>
                        <li><a href="#Coverages">Coverages</a></li>
                        <li><a href="#Payment">Payment</a></li>
                        <li><a href="#Forms">Forms</a></li>
                        <li><a href="#Claims">Claims</a></li>
                    </ul>
                    <ul class="pull-right tools">
                        <li><a href="#_" class="btn btn-mini btn-primary expandcollapse"><i class="icon-white icon-plus-sign"></i> Expand All</a></li>
                        <li><a href="javascript:window.print()" class="btn btn-mini btn-primary"><i class="icon-white icon-print"></i> Print</a></li>
                    </ul>
                    <div class="clearfix"></div>

                    <ul class="nav nav-tabs">
                        <li class="active" id="General"><a href="#">General</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active">                                                                                                                                                    ...

CSS

body { background:#fcfcfc; font-size:12px; }
.container { margin:10px auto; }

h1 { font-family:Georgia, Palatino, Times New Roman; font-size:25px; font-weight:normal; font-style:italic; margin:5px 0 15px 0; }

.nav-tabs { margin:0px; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { font-family:Georgia, Palatino, Times New Roman; font-size:20px; font-weight:normal; font-style:italic; margin:0 0 0px 0; }
.tab-content > .active, .pill-content > .active { border:1px solid #dfdfdf; border-top:none; padding:10px 10px 0 10px; }
.tab-content { margin-bottom:25px; background:#FFF; }

.accordion-group { border:none; }
.accordion-heading .accordion-toggle { border:none; padding:8px; }
.accordion-inner { border:none; padding:8px; background: #fff url(../images/bg_accordioninner.jpg) repeat-x; }

ul.tools { margin:0px; padding:0px; }
ul.tools li { list-style:none; float:left; margin:0 0 0 10px; }
.top { margin:-10px 0 10px 0; }

JavaScript

$('.expandcollapse').click(function () {
        if ($(this).html() == "<i class=\"icon-white icon-plus-sign\"></i> Expand All") {
            $('.collapse:not(.in)').each(function (index) {
                $(this).collapse("toggle");
            });
            $(this).html("<i class=\"icon-white icon-minus-sign\"></i> Collapse All");
        }
        else {
            $('.collapse.in').each(function (index) {
                $(this).collapse("toggle");
            });
            $(this).html("<i class=\"icon-white icon-plus-sign\"></i> Expand All");
        };
    });