JSFiddle - React, Tailwind, and code Playground

by Taleeb Anwar

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class='panel-group' id='top'>
    <div class='panel panel-default'>
        <div class='panel-heading'>
            <a class='accordian-toggle' data-toggle='collapse' data-parent='#top' href='#panel1'>Panel1</a>
            
            <div class='panel-collapse collapse' id='panel1'>
                Body of panel 1
            </div>   
        </div>
        <div class='panel panel-default'>
        <div class='panel-heading'>
            <a class='accordian-toggle' data-toggle='collapse' data-parent='#top' href='#panel2'>Panel2</a>
            
            <div class='panel-collapse collapse' id='panel2'>
                Body of panel 2
            </div>   
        </div>
        </div>
    </div>    
</div>