Как применить активный класс для первого элемента списка с помощью 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>

Как мы можем применить класс, который является "активным" только к первому "li" (т.е. Lorem), а не ко всем первым "li" в "ul", используя mootools. Я хотел бы получить вывод как

<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"); буду работать.

так будет

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