JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="accordion category-list-accordion">
            <div id="category-5" class="accordion-group" style="display: block; ">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse">
                        CLICK ME TWICE THE FIRST TIME TO OPEN IN IE
                    </a>
                </div>
                <div id="category-5-accordion" class="accordion-body collapse">
                    <div class="accordion-inner span33">
                        "Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!)"
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

JavaScript

$("#category-5-accordion").collapse({toggle: false});
$("#category-5").click(function() {
    $("#category-5-accordion").collapse("toggle");
});