Ændre i javascript.

Hej med jer,

Er det muligt at gør så den her ikke fader ud selv, men hvor man skal klikke på et link for at få den til at fade ud.

--

 <style>
 div.mydiv{
  width:674px;
  border:1px solid #CC0000;
  background:#F7CBCA;
  padding:2px;
  font-weight:bold;
  color:#CC0000;
  position:fixed; 
  bottom:55%;
 }
 </style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script>
   $(document).ready(function(){
    setTimeout(function(){
   $("div.mydiv").fadeOut("slow", function () {
   $("div.mydiv").remove();
       });
     
 }, 4000);
  });
   </script>
   <div class="mydiv">This div will fade out in 5 seconds</div>

Lige nu fader den ud med F5/reload. Det retter jeg så til selv, så den kun gør det med error i opret.

Men mit ønske er nu at få et link til at fade den væk igen, i stedet for den selv gør det.

Nogen kloge javascript hoveder der kunne tænke sig at hjælpe med den lille opgave?

//
Rigtig god weekend.