JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div id="zornet_ru_sakertun">
    <b>Наведе на меня</b><br><br>
    Switch уже является одной из самых продаваемых консолей в истории. Если в этот праздничный сезон все будет хорошо, это может лидировать для лучших первых летних показателей.
  <hr>  
    
Electronic Arts заявила, что не может вернуть микротранзакции обратно в Battlefront II после удаления их всего за несколько часов до запуска, но она все еще описывает свои собственные действия в смешных условиях.    
</div>

CSS

* {
    font-family: Arial;
    font-size: 13px;
}

#zornet_ru_sakertun {
    background:#ffac41;
    padding:19px;
    overflow:hidden;
    width:30%;
    height:12px;
    cursor: pointer;
}


#zornet_ru_sakertun_id_320_js {     
    background:#ccc;     
    padding:10px;     
    overflow:hidden;     
    width:230px;     
    height:35px;     
    cursor:pointer;     
    transition: 0.5s height ease-in; 
    } 
#zornet_ru_sakertun_id_320_js:hover { height:250px; }

JavaScript

$("#zornet_ru_sakertun").mouseenter(function(){
    $(this).animate({height: "100%"}, 500);
    
    $(this).mouseleave(function(){
        $(this).animate({height: "5px"}, 500);
    });
});