Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
div {  
  position: absolute;
  left: 0px; 
  top: 0px; 
  padding: 2%;
}
</style>
</head>
<body>
<div style="width: 3%; height: 60%; background: lightgrey">
</div>
<div id=d style="width: 20%; height: 50%; background: gray; display: none"><a href="">content</a>
</div>
 
  
<script>
  $('div:first').mouseenter(function () { $('#d').show(); });
  $('#d').mouseleave(function () {$(this).hide(); })
</script>
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers