Problem med flera javascript-effekter(moo.fx) på samma sida

Hejsan!

Jag håller på och experimenterar lite med moo.fx för att dölja och visa två lager, var för sig, med en snygg "slide-effekt".

Jag har lyckats få den ena att fungera, men den andra vill sig inte.

Innanför head har jag följande kod:

<script type="text/javascript">
       // Initialise the effects

                
var archiveHeight;
var commentsHeight;   

window.onload = function() {
    archiveHeight = new fx.Height('archive', {height: true, opacity: true, duration: 500});
    commentsHeight = new fx.Height('comments', {height: true, opacity: true, duration: 500});

    archiveHeight.hide();
     
    commentsHeight.hide();
}
</script>

Sen har jag en länk, och lagret som ska visas/döljas:

<a href="#" onclick="archiveHeight.toggle();">Länk</a>

<div id="archive">blablabla</div>

Längre ner på sidan har jag ytterligare en länk:

<h2 onclick="commentsHeight.toggle();">Länk</h2>
<div id="comments">blablabla</div>

Den första länken får alltså det första lagret att visas/döljas, men med den andra länken händer inget alls.