Question

If a span has a title and the mouse is over it, then hide the originalcontent and replace it with the intitlecontent. But onmouseout give back and show the originalcontent again. The first part of the script works well, but how to hide the revealed intitlecontent and get back the originalcontent?

<span title="intitlecontent">originalcontent</span>

  $('span[title]').hover (
    function() {
      $(this).text (function() {return $(this).attr('title');})
    },
    function() {
      $(this). ???;
    }
  );

Answer 1

Store the original content in $.data:

$('span[title]').hover(
    function() {
        $(this).data('text', $(this).text())
               .text($(this).attr('title'));
    },
    function() {
        $(this).text($(this).data('text'));
    }
);