Prob mit ein- / ausblenden

Hallo zusammen!

Mit folgendem Code kann ich per klick auf ein Bild einen Text in einem
<div> ausblenden was auch wunderbar funktioniert.

<script type="text/javascript" language="JavaScript">
<!--


function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}


//-->
</script>

<input type="image" onclick="return toggleMe('para01')" src="bild.png">

Jetzt würde ich das ganze gern ein wenig verbessern. Wie krieg ich das hin,
dass wenn man auf das Bild klickt der <div> "langsam" ausgeblendet wird?

Auf http://dofus.de ist ein gutes Beispiel. Einfach mal die News schliessen.
Wie haben die das gemacht? Gibt es einen Befehl um das ganze in einem
flüssigen Ablauf zu schliessen?

Das Script funktioniert super, nur hab ich dazu ein paar kleine Fragen...

1. Wenn man so einen Bericht damit öffnet / schliesst, wirkt es am Ende der "Animation" plötzlich sehr abgehackt.
Woran liegt das? Kann man das irgendwie beheben? (Der Fehler ist nur im Firefox)

2. Wie krieg ich das hin, dass wenn ich z.B. 3 Beiträge mit dem Script habe, und eins geöffnet ist, nur das offene schliesst
und sich das geschlossene öffnet was ich anklicke und sich nicht alles öffnet oder schliesst? Bei 2 News geht das noch aber
ab 3 ist das irgendwie nicht mehr möglich.

Danke, nur leider komm ich damit überhaupt nicht klar
Selbst wenn ich den original Quelltext kopiere funktioniert das bei mir nicht ...