Попробовал два скрипта, но не работают.
<script>
let menuElem = document.getElementByClassName('section--main_menu')[0];
let titleElem = menuElem.querySelector('.menu--dropdown');
titleElem.onclick = function() {
menuElem.classList.toggle('open');
};
</script>
<script>
$('ul li > a').on('click', function(e) {
var li = $(this).closest('li');
if (li.find('ul.menu--dropdown').length) {
if (!li.hasClass('active')) {
e.preventDefault();
}
li.toggleClass('active');
}
});
$(document).mouseup(function(e) {
var div = $('ul li.active');
if (!div.is(e.target) && div.has(e.target).length === 0) {
div.removeClass('active');
}
});
</script>
Может кто подскажет как в моем случае можно решить с помощью этих скриптов проблему?