JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<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>

<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>

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

CSS

.dropdown {
  cursor: pointer;
}

.dropdown-menu {
  display: none;
}

.dropdown.active .dropdown-menu {
  display: block;
}

JavaScript

$('body').on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  if (e.target === this) $(this).toggleClass('active');
  e.stopPropagation();
});

$(document).click( function(){
   $('.dropdown').removeClass('active');
});