Bootstrap 3 расширяет аккордеон от URL
Используя Bootstrap 3, я пытаюсь использовать ссылки привязки суб-навигации (т. Е. Index.php # wnsh), чтобы расширить указанный аккордеон и привязать страницу вниз к содержимому. Я пытался искать примеры, но без особой удачи, вероятно, потому что моя структура аккордеона отличается от данного примера BS3. Вот мой HTML:
ОБНОВИТЬ:
Сделал несколько обновлений в коде, но он все еще не открывает аккордеон, указанный хэшем. Есть еще мысли?
<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>
JS
var elementIdToScroll = window.location.hash;
if(window.location.hash != ''){
$("#accordion .in").removeClass("in");
$(elementIdToScroll).addClass("in");
$('html,body').animate({scrollTop: $(elementIdToScroll).offset().top},'slow');
}
Заранее спасибо. Любая помощь будет оценена.