Comment appliquer classe active pour le premier article de la liste en utilisant Mootools

Question

<div class="accordion"> 
<ul class="navigation"> 
    <li>Lorem</li> 
    <li>Ipsum</li> 
    <li>Donor</li> 
</ul> 
<ul class="navigation"> 
    <li>Test</li> 
    <li>Demo</li> 
    <li>Donor</li> 
</ul> 
</div> 

Comment peut-on appliquer une classe qui est « active » d'abord « li » (c.-à-; Lorem), et non pour tout d'abord « li » sous « ul en utilisant mootools. Je voudrais obtenir une sortie comme

<div class="accordion"> 
<ul class="navigation"> 
    <li class="active">Lorem</li> 
    <li>Ipsum</li> 
    <li>Donor</li> 
</ul> 
<ul class="navigation"> 
    <li>Test</li> 
    <li>Demo</li> 
    <li>Donor</li> 
</ul> 
</div> 

Answer 1

document.getElement("ul.navigation > li").addClass("active"); fonctionnera.

sera donc

document.getElement("ul.navigation").getFirst("li").addClass("active");