JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
    <span class="languages">
        <span class="language">language...</span>
        <span class="scroll">
            <a href="/rus/" class="lang">RUS</a>
            <a href="/eng/" class="lang">ENG</a>            
        </span>
    </span>
</body>

CSS

.languages{display:inline-block;border:1px solid #bbb;}
.languages:hover > span.scroll{height:auto;}
.language{display:block;cursor:pointer;}
.scroll{display:block;height:0px;overflow:hidden;}
.lang{display:block;}