Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
      <div>
        menu item
        <ul>
            <li>menuitem</li>
            <li>menuitem</li>
            <li>menuitem</li>
        </ul>
    </div>
  <br />
  <br />
  <br />
  <br />
      <div class="otherMenu">
        other menu item
        <ul>
            <li>menuitem</li>
            <li>menuitem</li>
            <li>menuitem</li>
        </ul>
    </div>
</body>
</html>
 
    ul { display: none; }
ul: hover { display: block; }
.otherMenu:hover ul
{ display: block; }
 
$(document).ready(function(){
  $('div').hover(function(){
    $(this).find('ul').slideDown();
  },
  function(){
    $(this).find('ul').slideUp();  
  });
  
  
});
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers