JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <div class="col-xs-10">
                    <a data-toggle="collapse" data-target=".my-collapse">My Heading</a>
                </div>
                <div class="col-xs-2 text-right">
                    <a data-toggle="collapse" data-target=".my-collapse">
                        <span class="glyphicon glyphicon-minus collapse out my-collapse"></span>
                        <span class="glyphicon glyphicon glyphicon-plus collapse in my-collapse"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body collapse out my-collapse">
            <div class="row">
                <div class="col-xs-12">
                    Body
                </div>
            </div>
        </div>
    </div>
</div>