Efeito no logo

Painel de controle Modulos HTML e Javascript Gestão dos códigos Javascript Criar um novo Javascript

jQuery(document).ready(function() { jQuery("#logo").after('<div id="efeito-logo"><span id="efeito-logo_texto">SEU TEXTO</span><span style="display: none;" id="efeito-logo_textoescondido">SEU TEXTO QUE APARECERÁ AO CLIQUE</span></div>'); jQuery("#efeito-logo_texto").click(function() { jQuery("#efeito-logo_textoescondido").slideToggle(); }); });

#efeito-logo_textoescondido {
position: absolute;
margin-left: 80px;
background: #00E0FF;
padding: 10px;
border: 1px solid white;
border-radius: 10px;
}
#efeito-logo_texto {
background: #00E0FF;
padding: 10px;
border: 1px solid white;
border-radius: 10px;
cursor: pointer;
}
#efeito-logo {
position: absolute;
right: 150px;
top: 100px;
}