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() {
  $("#topnav li").hover(
    function () {
      var myLi = $(this);
      myLi.attr('small', $('a', myLi).text());
      $('a', myLi).text(myLi.attr('full'));
    },
    function () {
       var myLi = $(this);
       $('a',myLi).text(myLi.attr('small'));
    }
  );
});
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers