Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>JS Bin</title>
</head>
<body>
  <div id="topnav">
        <ul>
            <li id='me' full='&lt;ME&gt;'><a href="about.html">ME</a></li>
            <li id='println' full='&lt;PRINTLN&gt;'><a href="println.html">PRINTLN</a></li>
            <li id='contact' full='&lt;CONTACT&gt;'><a href="contact.html">CONTACT</a></li>
            <li id='resume' full='&lt;RESUME&gt;'><a href="resume.html">RESUME</a></li> 
        </ul>
</div>
</body>
</html>
 
$( function() {
  var text;
  $("#topnav li ").hover(
    function () {
      text=$(this).find("a").text();
     $(this).find("a").text($(this).attr('full'));
    },
    function () {
       $(this).find("a").text(text);
    }
  );
});
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers