Как скрыть элементы списка на jquery?

Question

[midas34]

есть многоуровневый список

<ul>
<li id="row1" class="row">...</li>
<li id="row2" class="row">...</li>
<li id="row5" class="row">...</li>
<li id="row4" class="row">...</li>
<li id="row10" class="row">...</li>
<li id="row6" class="row">...</li>
</ul>

Изначально все элементы скрыты, по клике на первый элемент, снизу появляется следующий элемент , и так при каждом клике, список раскрывается вниз и вниз.
Как сделать так что бы при клике скрывался активный

Answer 1

[Lorem Ipsum]

$('li.row').on('click', function() {
    $('li.row').removeClass('visible');
    $(this).addClass('visible');
})