Bootstrap Dropdown toggle, запускаемый из javascript, не будет оставаться неизменным

Question

JSFiddle Скрипка работает по назначению с использованием того же точного кода с моего сайта! Скопируйте и вставьте.

My site

Чтобы воспроизвести эту проблему, вы должны сделать эти шаги точно. Перейдите к новой загрузке страницы. Прокрутите страницу вниз и нажмите «Контакт» в среднем столбце. Теперь, когда вы пытаетесь выбрать опции form, выпадающий список закрывается. Почему это происходит? Сценарий имеет тот же самый код, JS и все. При новой нагрузке кнопка переключения сама по себе работает по назначению. Как только связь «контакт» будет введена, она ломается.

Вот пользовательский сценарий, который я написал, чтобы прокрутить вверх и открыть раскрывающийся список.

// Scroll To Top and Open Contact Form --> 
$("a[href='#top']").click(function() { 
    $("html, body").animate({ scrollTop: 0 }, "slow"); 
    return false; 
}); 
$("a[href='#top']").click(function() { 
    $('#nav-contact.dropdown-toggle').dropdown('toggle'); 
    return false; 
}); 
<!--// End Contact Form Scripts --> 

Я не знаю ни одного JS, но я пытаюсь научиться ставить этот сайт вместе как личный проект для обогащения. Любые объяснения были бы весьма признательны.

Идеи?

Answer 1

jsfiddle работает отлично для меня тоже, но вы могли бы на самом деле попробовать, как это,

$("a[href='#top']").click(function (e) { 
    $("html, body").animate({ 
     scrollTop: 0 
    }, "slow", function() { 
     $('#nav-contact.dropdown-toggle').dropdown('toggle'); 
    }); 
    return false; 
}); 

вызова toggle внутри обратного вызова.