toggle show hide在mootools中，首先從列表中刪除x個元素

Question

我想僅顯示列表的前5個元素並隱藏其餘元素，當您單擊「more」鏈接時，列表的重新生成元素必須顯示...

它類似於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]); 
}