JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left;border: solid 0px #FFF;">
                        <!-- aktualni jazyk -->
					    <div id="world">
                            <span id="chlng">Česky</span>
					    </div>
                            <!-- konec aktualniho jazyka -->

						    <div id="change-lang" class="hide" style="display:none">

						        <div class="lang">
						        <a href="/cz-cs/">Čeština</a>
						        </div>
						        
						        <div class="lang">
						            <a href="#"/>
						        </div>
						        
						        <div class="lang">
						            <a href="/ww-en/">English</a>
						        </div>
						        
						        <div class="lang">
						            <a href="/sk-sk/">Slovenčina</a>
						        </div>

CSS

#world {
			  float:right;
			  width:40px;
			  text-align:center;
			}
			
			#world span{
			  list-style: none; 
			  color: #666; 
			  padding: 5px 0 5px 17px;
			  display:block;
			  height:40px;
			  cursor:pointer;
			}

			
			#change-lang{
			  background: #000; 
			  text-align:left;
			  z-index: 123456; 
			  -moz-border-radius:5px;
			  margin-top:50px;
			  position:absolute;
			  padding-left:2px;
			}
			
			
			#change-lang a, #chlng a{		      
		      height:20px;
			  padding: 5px 10px 5px 35px;
			  font-size:12px !important;
			  color:#FFF;
			}
			
			.lang{
			  height:30px;
			  line-height:22px
			 }

JavaScript

$("#chlng").hover(function(){

	if($("#change-lang").is(":visible")){
		$("#change-lang").fadeOut();

	 }else{
		$("#change-lang").removeClass("hide").fadeIn("fast",function(){$(this).css("opacity", 0.95);});
		}
		 return false;
     });
								  
	$("#change-lang").hover(function(){},function(){
			$("#change-lang").fadeOut();
	 });