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

Question

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

它有点类似于 jQuery 在一定数量的匹配后切换显示/隐藏元素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]);
}