I am currently using jQuery tools plugin to show a div on a triggerd event. Only I want to remove this plugin and use jQuery's default fadeIn function. Only I don't get it to work...

The jquery tools code:

2. $(document).bind("game_over.overlay", function(){
3.         if ( $('#lost_overlay_trigger').data("overlay") ){
4.             $('#lost_overlay_trigger').data("overlay").load();
5.         } else {
6.             $('#lost_overlay_trigger').overlay({
7.                 effect: 'apple',
8.                 load: true
9.             });    
10.         }
11.     });
14.     $(document).bind("game_won.overlay", function(){
15.         if ( $('#won_overlay_trigger').data("overlay") ){
16.             $('#won_overlay_trigger').data("overlay").load();
17.         } else {
18.             $('#won_overlay_trigger').overlay({
19.                 effect: 'apple',
20.                 load: true
21.             });    
22.         }
23.         
24.     });
25.     $("#game_over_shuffle").bind("click.overlay", closeOverlay);
26.     $("a.again").bind("click", closeOverlay);

I have the following divs:

2. <div id="player_won_container" class="achievements">
3.     <div id="player_won"></div>
4.     <br />
5.     <a class="again" href="#" onclick="return false">Click here to play again</a>
6. </div>
7. 
   
8. <div id="player_lost_container" class="achievements">
9.     <div id="player_lost">
10.    <h3>No more moves - GAME OVER</h3>
11.    <a class="again" href="#" onclick="return false">Click here to play again</a> / <a id="game_over_shuffle" href="#" onclick="return false">Or shuffle the board</a>
12.     </div>
13. </div>
14. <a href="#" rel="#player_won_container" id="won_overlay_trigger" onclick="return false"></a>
15. <a href="#" rel="#player_lost_container" id="lost_overlay_trigger" onclick="return false"></a>

So how to replace this so I wont need jQuery Tools anymore? I was playing around with:

1. $(".player_lost_container").fadeIn("slow");  

But had no luck

Kind regards