HTML CSS examples for CSS Widget:Hover on list
Hover on visibility hidden elements
<html> <head> <style> .title, .menu { display:list-item; } .menu {<!-- ww w. j a va 2s . c om--> visibility:hidden; } .child { display:block; } .title:hover + span { visibility:visible; } </style> </head> <body> <div> <span class="title">Lorem ipsum do</span> <span class="menu"> <span class="child">Lorem</span> <span class="child">Lore</span> <span class="child">Lor</span> <span class="child">Lo</span> </span> </div> </body> </html>