Question

我是一个jquery新手 - 想问一下什么可能是实现我所追求的目标的最佳策略，因为我认为它使用了混合的jquery函数：

如果项目列表超过5个项目，则会显示“更多”链接，切换时会显示其余项目。如果项目列表为5或更少，则不会显示“更多”链接。隐藏按钮也位于长完整显示列表的底部。（也许这是切换+分页？）
然后还可以在多个实例中使用它，因为它适用于多个类别菜单。（用于典型的indexhibit网站结构，如http://mikeyburton.com/）

非常感谢任何帮助或链接。

Answer 1

这将为您提供某个班级中的number of matched elements：

$('.element').size();

如上所述，您可以使用hide（）和show（），或使用toggle()隐藏和显示无关元素。或者对于大型列表，load()或get()（ajax）仅在需要时才可能是谨慎的。

看起来你想要的是所谓的“手风琴”功能。您还可以使用jQuery UI的accordion widget。

来实现这一效果

如果您不想显示“更多”控件，请在适当的时间隐藏它：

if ("li.all").size() > 5) {
    $("#toggler").hide();
}

Answer 2

这可以通过多种方式完成。

最简单的方法是加载所有项目，然后隐藏除前5之外的所有项目。这可以通过jQuery的show（）和hide（）方法完成。 link您还可以使用size（）方法查找您拥有的同一个课程的数量。

或者您可以在需要时使用Ajax加载其他项目。 link