Задать вопрос
  • Как реализовать на готовом меню клик по выпадающему списку и совместить его с hover при наведении?

    @mantruegood Автор вопроса
    Попробовал два скрипта, но не работают.

    <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>


    Может кто подскажет как в моем случае можно решить с помощью этих скриптов проблему?
    Ответ написан
    Комментировать