JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" class="butprof" value="Меню"> 
 
<div class="menu_body">

<ul class="pro" >
<li><a href="#"> Добавить видео</a></li>
<li><a href="#"> Мой профиль</a></li>
<li><a href="#"> Cообщения (0)</a></li>
<li><a href="#"> Выйти</a></li>
</ul>
</div>

CSS

.menu_body { 
padding-top:5px;display:none; padding-bottom:5px;
position:relative; width:154px; margin-left:2px;}

JavaScript

$(document).ready(function () { 
$("div.menu_body li:even").addClass("alt"); $('.butprof').click(function () { 
$('div.menu_body').slideToggle('medium'); });
    

    
});