JSFiddle - React, Tailwind, and code Playground
by Swapnil Dubey
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="row" id="divPharmareq">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="collapsed">Patient Details
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" style="height: 0px;">
<div class="panel-body">
<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label>Name <span style="color: red">*</span></label>
<select name="" id="beneficiaries" class="form-control">
<option value="">--Select--</option>
<option id="38318369">Swapnil Dubey</option></select>
</div>
<div class="form-group">
<label>Gender</label>
<input type="text" name="" id="gender" class="form-control">
...