JSFiddle - React, Tailwind, and code Playground

HTML

<div class="file" id="file">
<div class="file_name">О файле</div>
<div class="file_submenu">
<a href="file.pdf">Посмотреть в браузере</a><br />
<a href="file.pdf" download>Скачать файл</a>
</div>
</div>

CSS

.file { position: relative; }
.file_name { text-decoration: underline; }
.file_submenu { display: none; }
.file_submenu.active { display: block; position: absolute; top: auto; left: 0; width: 200px; background-color: #BBB; border: 1px solid #333; }

JavaScript

$('#file').hover(
       function(){ $(".file_submenu").addClass('active') },
       function(){ $(".file_submenu").removeClass('active') }
)