Der erste Link ist schon genau richtig, jedoch sollte es dann nach unten gehen.
Wie meinst du das? Es geht ja nach unten auf. Und der 2. Link ist dann der Effekt zum Schließen.
Aber wie baue ich das ein ? Hab das noch nie gemacht.
<?php wp_enqueue_script('scriptaculous-effects'); ?>
in deine functions.php, dann wird die WP-Scriptaculous-Bilbiothek in deinem Theme geladen. Den Trigger baust du so in deine Artikel-Kopfzeile ein:
<h2><a href="#" onclick="Prototype.DropDownTopMenu('my_id')">My Title</a></h2>
'my-id' müsste für jedes Element (d.h. jeden Artikel) auf der Seite eindeutig sein (z.B. durchzählen von 1-10).
Dann hab ich da noch folgenden Code in einer ausgelagerten JS-Datei. Der ist dafür verantwortlich, dass mehrere Elemente gleichzeitig aufgeklappt werden können, es werden hier also in statusDropDown die Status aller Aufklappboxen gemerkt.
var statusDropDown = new Hash({
'my-id' : false
});
Prototype.DropDownTopMenu = function ( e ) {
currentStatus = statusDropDown.get( e );
if ( typeof currentStatus == 'undefined' ) {
return false;
}
if ( currentStatus ) {
Effect.BlindUp( e );
} else {
Effect.BlindDown( e );
}
statusDropDown.set( e, !currentStatus );
return false;
};Du findet dort das my-id wieder. Geht sicher alles noch etwas eleganter und dynamischer, aber ich denke mal das Grundprinzip ist klar oder? Müsstest du sicher noch etwas anpassen, ich hatte das auf die Schnelle für ne Dummy-Seite geschrieben. 
hehe