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;
}
body{
height: -webkit-fill-available;
}
JavaScript
$('body').on('click', function(e){
var el = $(e.target).closest(".dropdown");
if((!$(e.target).closest(".dropdown-menu").length))
if($(el).length) $(el).toggleClass('active');
$('.dropdown.active').not(el).removeClass('active');
});