Hover to show UL list - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Hover to Show

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Hover to Show

Description

Hover to show UL list

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Lorem i</title> 
  <style>
.show:hover .list-categories {<!--   w  w  w.  jav a  2s . c om-->
   overflow:auto;
   max-height:inherit;
}

.list-categories {
   list-style-type:none;
   padding:0px;
   margin:0px;
   max-height:0px;
   overflow:hidden;
}
</style> 
 </head> 
 <body translate="no"> 
  <div class="show">
    Lorem ipsu 
   <ul class="list-categories"> 
    <li>Lor</li> 
    <li>Lor</li> 
    <li>Lor</li> 
    <li>Lor</li> 
    <li>Lor</li> 
    <li>Lor</li> 
   </ul> 
  </div>  
 </body>
</html>

Related Tutorials