Не могли бы вы сказать, в чем именно проблема?
Самый простой способ получить это было бы так.Определите ваш html следующим образом -
<dl class="user">
<dt class="username">Username</dt>
<dd class="userdetails>User Details</dd>
</dl>
Теперь, в файле CSS вы можете написать это -
.userdetails { display: none; }
.user:hover > .userdetails { display: block; }
Вы также можете написать скрипт jquery, чтобы сделать это тоже.Или просто настройте CSS таким образом, и вы можете сделать это без использования jquery.