Close when click other button in other <li>?

JavaScript
1

Hi, I have some menus that i show on click and if I click to open one, any other open menu shall close, but I don’t know how to do this without giving each <li> and <button> individual ID’s.

My html structure looks something like this:

<ul>
  <li><button></button>
    <div class="dropdown"></div>
  </li>
  <li><button></button>
    <div class="dropdown"></div>
  </li>
  <li><button></button>
    <div class="dropdown"></div>
  </li>
</ul>

$('ul li button').click( function(){
  $(this).parent().find('.dropdown').slideToggle(100);
});

Anyone know how I could do?

2

no1?=)