Как прописать чтобы при нажатии на дочернее меню закрывалось текущее?

Question

[Darklt]

Есть скрипт который добавляя класс открывает и закрывает меню, но при этом если на соседнее нажать меню то остаётся текущее.

$( document ).ready(function() {
$('.dropdown-toggle').on('click', function(){
  $(this).parent().find('.dropdown-menu').toggleClass('openeds');
  })
  });

Где dropdown-toggle - кнопка открытия пунктов всплывающих
dropdown-menu - само меню.

А также закртие на меню при клике на body

Answer 1

[pLavrenov]

лучше бы выложить html код чтобы не гадать

1) вместо .parent() надо бы использовать .closest() это даст доступ к нужному родителю (два, три, десять уровней выше) а .parent() ищет только на ступень выше.

А также закрытие на меню при клике на body
2) Это уже не такая тривиальная задача как казалось бы, как такового нажатия на body не происходить тк каждый блок это "слой" над боди.
можно попробовать это решение

Answer 2

[Darklt]

1. Не работает так от слова совсем

2. По второму открывается всё.
Вот код html пример с 2мя пунктами

<td class="menu-item dropdown" style="visibility: visible;">
<div class="wrap">
<a class="dropdown-toggle">
<div>Компания</div>
</a>
<span class="tail"></span>
<ul class="dropdown-menu">
<li class="  ">
<a href="/company/index.php" title="О компании"><span class="name">О компании</span></a>
</li>
<li class="  ">
<a href="/company/staff/" title="Сотрудники"><span class="name">Сотрудники</span></a>
</li>
</ul>
</div>
</td>

<td class="menu-item dropdown" style="visibility: visible;">
<div class="wrap">
<a class="dropdown-toggle">
<div>Компания</div>
</a>
<span class="tail"></span>
<ul class="dropdown-menu">
<li class="  ">
<a href="/company/index.php" title="О компании"><span class="name">О компании</span></a>
</li>
<li class="  ">
<a href="/company/staff/" title="Сотрудники"><span class="name">Сотрудники</span></a>
</li>
</ul>
</div>
</td>