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>
    <a href="" class="one">link1</a>
  <a href="" class="two">link1</a>
  <a href="" class="three">link1</a>
  <div id="one">
    some text rellevant to one
  </div>
  <div id="two">
    some text rellevant to two
  </div>
  <div id="three">
    some text rellevant to three
  </div>
  
  </body>
</html>
 
a {
  display:block;
  border:solid;
}
div {
  border:solid;
  height:100px;
  display:none;
}
a.one:hover ~ div#one {
  display:block;
}
a.two:hover ~ div#two {
  display:block;
}
a.three:hover ~ div#three {
  display:block;
}
Output

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

Dismiss x
public
Bin info
atentatpro
0viewers