This is a code I have
<div class="pageNav">
<div class="pageNav-elements main-part">
<span>Home</span>
<span class="Promos">Promotions</span>
<span class="Pokerrooms">Poker rooms</span>
</div>
<div class="Promos-tab hidden">
<span>Races</span>
<span>Freerolls</span>
</div>
<div class="Pokerrooms hidden">
<span>Poker888</span>
<span>FullTiltPoker</span>
</div>
</div>
What I want is to expose .Promos-tab.hidden element while hovering on .Promos element and to expose .Pokerrooms.hidden while hovering on .Pokerrooms.
What is very important, I don't want to change code structure!