Here they have a kind of complex system using excessive margins and then they change it on hover. On my example we use the same basis (nested classes) but instead of changing the margin we're only going to use the display attribute.
<style type="text/css">
.opt div.more
{display:none;}
.opt:hover div.more
{display:block;}
</style>
<div class="opt" style="width: 100px">Discography
<div class="more">album1</div>
<div class="more">album2</div>
<div class="more">album3</div>
<div class="more">...</div>
</div>