JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="div_botton">Свернуть/развернуть</div>
    <div class="div_hidden">текст текст текст текст текст текст 	
        текст текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>

CSS

.div_botton {
        cursor:pointer;
        width:200px;
        border: 1px solid #F00;
      }
      .div_hidden {
        width:200px;
        height:300px;
        border: solid 1px;
        display:none;
        background: #777;
      }

JavaScript

$(document).click( function(event) {
	if( $(event.target).closest(".div_botton").length ) {
		$(".div_hidden").slideToggle('normal');
		event.stopPropagation();
	} else {
		$(".div_hidden").fadeOut("slow");
	}
});