Hola,
No tienes porque utilizar javascript para eso, no te compliques tanto la vida. Puedes hacer todo con CSS. A ver si te sirve esto como ejemplo:
Código:
<style>
.mensaje_oculto{
background:red;
height:50px;
}
.texto_aviso:hover .texto_oculto{
display:block;
}
.texto_oculto{
background-color: #F1F1F1;
border: 1px solid #808080;
display: none;
font-family: Roboto-Regular;
font-size: 14px;
padding: 5px;
position: relative;
left:50px;
text-align: center;
width: 280px;
}
</style>
</head>
<body>
<div class="mensaje_oculto">
<div class='texto_aviso'>
<p>Ver texto oculto</p>
<p class='texto_oculto'>Se permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, la distribución de las cuales también está permitida sin ninguna restricción.<br><br>En cualquier explotación de la obra autorizada por la licencia hará falta reconocer la autoría.</p>
</div>
</div>
La clave está en meter el aviso oculto dentro de otro div, que cuando hagas hover se muestre (.texto_aviso:hover .texto_oculto)
Un saludo.