JSFiddle - React, Tailwind, and code Playground

by Addy Osmani

HTML

<div id="language">language</div>
<div id="langbox">langbox</div>

CSS

#langbox {

width: 117px; height: 141px; background-image:url(imagem/langbox.png); float:right; margin-bottom: 20px; position:relative; display: none;

}

#language {

height: 31px; width: 96px; float:right; background-image:url(imagem/botao.png); background-repeat:no-repeat; font-family: Calibri; padding-top: 5px; right: 6px; position:relative;

}

JavaScript

$('#langbox').hide(); 

$('#language').click(function(){

$('#langbox').slideToggle('slow'); 

});