Ссылки на #anchors в навигационной панели не закрываются после нажатия ⇐ CSS

[Anonymous]

Ранее я решал проблему, из-за которой ссылки на панели навигации не схлопывались после нажатия, и благодаря @Kami у меня это работало, используя приведенный ниже код

Код: Выделить всё

$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') ) {
$(this).collapse('toggle');
}
});

из Bootstrap 3 после закрытия панели навигации переключатель не открывает навигацию повторно

но когда я добавил эту замечательную функцию ниже, не допускайте перекрытия навигационной панели содержимого, которое она сломала.

Какая часть этой функции привела к сбою вышеописанного и как я могу реализовать обе?

Код: Выделить всё

  function scrollToAnchor() {
if($(".jquery-anchor").length > 0 && document.URL.indexOf("#") >= 0){
var anchor = document.URL.split("#")[1];
$(".jquery-anchor").each(function() {
if($(this).attr("name") == anchor) {
$("html,body").animate({
scrollTop: $(this).offset().top - 50},
'slow');
}
});

}

}

$(function() {
$("a[href*='#JDG']:not([href='#'])").click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {

var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 30 //offsets for fixed header
}, 1000);
return false;
}
}
});

//Executed on page load with URL containing an anchor tag.
if($(location.href.split("#")[1])) {
var target = $('#'+location.href.split("#")[1]);
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 30 //offset height of header here too.
}, 1000);
return false;
}
}

});

Используя предложение @Shouvik о смещении привязки html для корректировки фиксированного заголовка
Я изменил одну строку кода, чтобы искать только привязки, начинающиеся с #JDG, как без этого ссылки на привязки к моим модальным окнам сломались.
Вы можете увидеть, что происходит здесь, когда пункты меню моих услуг не закрываются после щелчка по ним. функции помещаются в конец файла bootstrap.min.js

Подробнее здесь: https://stackoverflow.com/questions/264 ... er-clicked