Expanda acordeão específico do URL
Se eu usar o endereço "www.xxxxxx.com/test.html#chgd", o segundo acordeão deverá estar em expansão.
Eu usei o código-fonte deste site 'Bootstrap 3 expande acordeão a partir do URL'mas não funciona neste contexto.
Não sei qual é o problema com base no código-fonte para expandir o segundo acordeão com base no URL?
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link href="C:\Users\h\Desktop\test\bootstrap-theme.css" rel="stylesheet"/>
<link href="C:\Users\h\Desktop\test\bootstrap.css" rel="stylesheet"/>
<script src="C:\Users\h\Desktop\test\jquery-1.11.2.min.js"></script>
<script src="C:\Users\h\Desktop\test\bootstrap.min.js"></script>
<script>
var url = document.location.toString();
if (url.match('#')) {
$('#' + url.split('#')[1]).addClass('in');
}
</script>
</head>
<body>
<div id="accordion" class="accordion-group">
<div class="panel">
<h4 id="cs" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#cs_c">Child
Survival: Boosting Immunity and Managing Diarrhoea</a></h4>
<div id="cs_c" class="accordion-collapse collapse in">
<p>...</p>
</div>
<h4 id="chgd" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#chgd_c">Child
Health, Growth and Development: Preventing Mental Impairment with Iodine and Iron</a></h4>
<div id="chgd_c" class="accordion-collapse collapse">
<p>...</p>
</div>
<h4 id="wmnh" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#wmnh_c">Women’s
and Newborn Survival and Health: Iron Supplementation and Food Fortification</a></h4>
<div id="wmnh_c" class="accordion-collapse collapse">
<p>...</p>
</div>
</div>
</div>
</body>
</html>