JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default" id="collapseOneLink">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Первая
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
...
</div>
</div>
</div>
<div class="panel panel-default" id="collapseTwoLink">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Вторая
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
...
</div>
</div>
</div>
<div class="panel panel-default" id="collapseThreeLink">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Третья
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse in" data-parent="#accordion" role="tabpanel" aria-labelledby="headingThree">
<div...
JavaScript
$(document).ready(function() {
// var urlHash = window.location.hash;
var urlHash = '#collapseTwo'; // Эмулируем получение hash-тега из URL
if(urlHash !== '') {
var hashObj = $(urlHash + '.panel-collapse');
if(hashObj.length > 0) {
var panelIn = $('.collapse.in');
panelIn.collapse('hide');
panelIn.on('hidden.bs.collapse', function () {
hashObj.collapse('show');
});
}
}
});