```
$("span").click(function(){
$("div").fadeToggle();
});

$("span").click( function(){
    $("a").css({ opacity: '0' });
    $(".text1").delay(200).animate({ opacity: '1' });
    $(".text2").delay(400).animate({ opacity: '1' });
    $(".text3").delay(600).animate({ opacity: '1' });
});

```

I want to animate my text in the following way:

When you click on the "CLICK HERE" text, the links in the pink div should animate. Each line should fade in, one after the other.

However, I think my code is wrong, because if you click the "CLICK HERE" text several times in quick succession, animation build up occurs.

How should I fix this?

<http://jsfiddle.net/XdLzp/>