Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <ul >
  
    <li> Cours 
      <ul class="ssmenu">
        <li> C1 </li>
        <li> C2 </li>
        <li> C3 </li>
    </ul>
    </li>
    <li> Tds </li>
    <li> TPs    
    <ul class="ssmenu">
        <li> TP1 </li>
        <li> TP2 </li>
        <li> TP3 </li>
    </ul></li>
</ul>
</body>
</html>
 
var sousMenus = document.getElementsByClassName("ssmenu");
for (i=0;i<sousMenus.length;i++){
  sousMenus[i].style.display="none";
    sousMenus[i].parentElement.addEventListener("mouseover",function(){this.firstElementChild.style.display="block";},false);
  
    sousMenus[i].parentElement.addEventListener("mouseout",function(){this.firstElementChild.style.display="none";},false);
  
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dupontpro
0viewers