切换显示隐藏 mootools 列表中的第一个 x 元素

Question

我只想显示列表的前 5 个元素并隐藏其余元素，当您单击“更多”链接时，必须显示列表的剩余元素...

有点类似于jQuery toggle show/hide elements after certain number of matching elements，但在mootools（而不是jquery）中

Answer 1

一个好的解决方案可能是 CSS + Mootools 的组合

css:

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

js:

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