переключить шоу скрыть первые x элементов из списка в mootools

Question

Я хочу показать только первые 5 элементов списка и скрыть оставшиеся элементы, когда вы нажимаете на ссылку «больше», должны отображаться оставшиеся элементы списка ...

это немного похоже на jQuery переключает показ / скрытие элементов после определенного количества соответствующих элементов , но затем в mootools (вместо jquery)

Answer 1

Хорошим решением может быть сочетание CSS + Mootools

CSS:

ul{
   height: 50px; /* must be the same height as the 5 elements */
   overflow: hidden;
}

ЯШ:

$('moreLink').addEvent('click', function()
{
   $('menu').tween('height', [50, 200]);
}