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