JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
					<div class="panel-group driving-license-settings" id="accordion">
						<div class="panel panel-default">
							<div class="panel-heading">
								  <h4 class="panel-title">
									<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
										<input type="checkbox" value=""> I have Driver License	
									</a>
								  </h4>
							</div>
							<div id="collapseOne" class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="driving-license-kind">
										<div class="checkbox">
											<input type="checkbox" value="">A
										</div>
										<div class="checkbox">
											<input type="checkbox" value="">B
										</div>
										<div class="checkbox">
											<input type="checkbox" value="">C
										</div>
										<div class="checkbox">
											<input type="checkbox" value="">D
										</div>
										<div class="checkbox">
											<input type="checkbox" value="">E
										</div>																											
									</div>
								</div>
							</div>
						</div>
					</div>

JavaScript

$('.collapse').collapse()