jQuery Скрыть другие выпадающие при переключении

Question

Я использую этот фрагмент jQuery для переключения выпадающего меню:

  // Dropdown toggle
  jQuery('.ldropdown-toggle').click(function(){
    jQuery(this).next('.ldropdown').toggle();
  });

Как я могу обновить это, чтобы при нажатии одного меню .ldropdown-toggle все остальные открытые меню .ldropdown-toggle были скрыты,

Answer 1

скрыть все элементы ldropdown-toggle при нажатии на один элемент. И показывать только выбранный элемент. Следующее решение иллюстрирует вышеприведенное

$('.ldropdown-toggle').on('click', function(){
  $('.ldropdown-toggle ul').not($(this).find('ul')).hide(); 
  $(this).find('ul').toggle();
})

.ldropdown-toggle ul {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="left" id="nav">
<ul>
<li class="ldropdown-toggle">
Lighting + Video
  <ul>
   <li>Lighting + Video 1</li>
   <li>Lighting + Video 2</li>
   <li>Lighting + Video 3</li>
   <li>Lighting + Video 4</li>
  </ul>
</li>
<li class="ldropdown-toggle">
Photograms
    <ul>
   <li>Photograms 1</li>
   <li>Photograms 2</li>
   <li>Photograms 3</li>
  </ul>
</li>
<li class="ldropdown-toggle">
About
   <ul>
   <li>About 1</li>
   <li>About 2</li>
   <li>About 3</li>
   <li>About 4</li>
   <li>About 5</li>     
  </ul>
</li></ul>
</div>

Answer 2

$('.ldropdown-toggle').click(function(){$('.ldropdown').hide();});

мой код поможет вам.