Question

Quick and dirty example:

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    $(this).html("saved");
 };

I want have a link with save, after you click it, it displays saved for half a second,after that it fades back to the text loaded from within the (has to be stored in a var or something).

If someone could give me a quick example how to get the text(/store/delay) within a anchor i think i’m able myself to animate it with things like fading.

Answer 1

You could do:

$(".test").click(function(e){
    e.preventDefault();
    var that = this;
    var text = $(this).html();
    $(this).html("saved");
    setTimeout(function(){
        //fade back
        $(that).html(text);
    }, 1000);
 });

fiddle here: http://jsfiddle.net/MPCQs/