Использование чистого JavaScript с новым синтаксисом ES6:
$(document).ready(function () {
$('.dropdown-menu a').click(function(event) {
$('#etiquette-xs-button.navbar-toggle').click();
});
});
});
Будет переведено на:
const btns = document.querySelectorAll('.dropdown-menu a');
const elem = document.getElementbyId('etiquette-xs-button');
function toggleDiv() {
elem.classList.toggle('collapse', 'navbar-toggle');
}
btns.forEach(btn => btn.addEventListener('click', toggleDiv));
Но если вы предпочитаете JavaScript без синтаксиса ES6 (возможно, для совместимости с IE), то:
var btns = document.querySelectorAll('.dropdown-menu a');
var elem = document.getElementbyId('etiquette-xs-button');
function toggleDiv() {
elem.classList.toggle('collapse', 'navbar-toggle');
}
btns.forEach(
function (btn){
btn.addEventListener('click', function () {
//toggled twice because IE cant handle a *toggle* with more than one parameter
elem.classList.toggle('collapse');
elem.classList.toggle('navbar-toggle');
});
}
Примечание: Если вы используете любой из двух приведенных выше фрагментов, вам больше не нужно добавлять встроенный onClick, что дает вам более чистый HTML-файл. Просто убедитесь, что вы поместили скрипт после содержимого тела (например, в нижний колонтитул).