<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="accordion-group"> <div class="accordion-heading"> <a name="Alink1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> <strong>Title</strong> </a> </div> <div id="collapseOne" class="accordion-body in collapse" style="height: auto; "> <div class="accordion-inner"> some random content <div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a name="Alink2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> <strong>Title 2</strong> </a> </div> <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; "> <div class="accordion-inner"> some random content 2 <div> </div> </div>

$(document).ready(function () { location.hash && $(location.hash + '.collapse').collapse('show'); });