Как сделать скрытие соседних элементов при клике Jquery?

Question

[sickgang]

Есть вот такое меню, в некоторых меню есть выпадающее меню

<li class="nav-item">
                    <a href="#">Lorem</a>
                </li>
                <li class="nav-item">
                    <a href="#">Lorem</a>
                </li>
                <li class="nav-item">
                    <a href="#">Lorem</a>
                </li>
                <li class="nav-item">
                    <a href="">Lorem</a>
                    <ul class="nav-hidden submenu">
                        <li class="nav-item"><a href="">Lorem</a></li>
                        <li class="nav-item"><a href="">Lorem</a></li>
                        <li class="nav-item"><a href="">Lorem</a></li>
                    </ul>
                </li>

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

$(".nav li ul:has('.submenu')").hide();
            $(".nav li:has('.submenu')").click( function(e){
            e.preventDefault();
            $(".nav li ul").stop().fadeToggle(300);   
            }
            );

Comments

[Ankhena]

Так не работает?

Answer 1

[0xD34F]

$(document).on('click', function(e) {
  e.preventDefault();
  const $submenu = $(e.target).closest('li').children('.submenu');
  $submenu.fadeToggle();
  $('.nav li ul').not($submenu).fadeOut();
});

Comments

[sickgang]

Спасибо вам большое, все работает!!!!

[sickgang]

Только вот когда кликаешь в любое другое место, меню не убирается(

[0xD34F]

sickgang, обновил ответ.

[sickgang]

0xD34F, Вы просто гений, огромное спасибо!

[sickgang]

0xD34F, если вам не сложно, подскажите пожалуйста еще
Когда первый вариант скрипта работает, он открывает ссылку при нажатии на нее, а не выпадающее меню, а при втором варианте, он все делает как надо, только остальные ссылки на всей странице не открываются, и это меню выводится через WP, и соседние ссылки которые должны не выпадать а просто открываться, не открываются(
Что можно сделать?

[0xD34F]

sickgang, отменяйте действие по умолчанию не всегда, а только тогда, когда клик бы по li, содержащему .submenu.

[sickgang]

0xD34F, Вроде понял как, но написать не понимаю как, как именно такое условие задать

[0xD34F]

sickgang, думайте.