JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dropdown">
	Button


	<div class="dropdown-menu">
		Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Заголовок скатился которой грамматики несколько что щеке, снова переулка! Взобравшись!
	</div>
</div>

<div class="dropdown">
	Button


	<div class="dropdown-menu">
		Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Заголовок скатился которой грамматики несколько что щеке, снова переулка! Взобравшись!
	</div>
</div>

<div class="dropdown">
	Button


	<div class="dropdown-menu">
		Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Заголовок скатился которой грамматики несколько что щеке, снова переулка! Взобравшись!
	</div>
</div>

CSS

.hidden {
  display: none;
}

JavaScript

const dropdowns = [...document.querySelectorAll('.dropdown')]

const initDropdown = elem =>
  elem.addEventListener('click', function() {
    this
      .querySelector('.dropdown-menu')
      .classList
      .toggle('hidden')
  })
  
dropdowns.forEach(initDropdown)