JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mybutton">ссылка</div>
<div class="inviz" style="display:none;"><p>Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана.</p>

<p>Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами. Эта парадигматическая страна, в которой жаренные члены предложения залетают прямо в рот.</p>

<p>Даже всемогущая пунктуация не имеет власти над рыбными текстами, ведущими безорфографичный образ жизни. Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в большой мир грамматики.</p></div>

CSS

.inviz {transition: all 1s ease-in-out 1s;
 opacity:1;
 background: #fff;
 border:1px solid #ddd;
 position:absolute;
 margin-top:-15px;
 transition:opacity 300ms ease-in-out 1s
}

JavaScript

$(document).ready(function(){
		$('.mybutton').click(function(){
				$('.inviz').show('slow');
    });
		$('.inviz').mouseleave(function(){
				$(this).hide('slow');
		});
});