名单上的jQuery加/减或展开/折叠

Question

任何人都希望在模仿什么，BBC已经在他们的网页上盒装自带的加/减图标显示/隐藏在列表中的元素含量做有裂纹。 http://www.bbc.co.uk/

我试过这样做，但至今效果并不完全正确。

或者，是否有插件或东西，这将允许你做类似的事情？

Answer 1

感谢您的答复。我曾尝试这一点，但它似乎有点矫枉过正，因为我在做什么。另外，我想执行的代码对网站的不同部分的几十倍。

在结束我发现了一个称为Collapsorz插件， https://github.com/akuzemchak/collapsorz这不正是我想要的。

感谢您的帮助反正。十分赞赏。

Answer 2

这仅仅是一个隐藏和删除元素的物质：

<a href="javascript:void(0)" click="$('#somelist li:visible:last').hide()">+</a>
<a href="javascript:void(0)" click="$('#somelist li:hidden:first').show()">-</a>

当然，你要配合，在东西加载页面时拿出正确的CSS每个项目。 （所以你会保留你要显示的项目数的轨道。

您甚至可以尝试这一点在本页面：

$('.nav li:visible:last').hide()

如果您正在使用萤火虫，只是运行它，你会看到导航栏的变化：由一个每次运行时间“按钮”上方会消失，一个

您也许可以处理这部分，但在这里它是无论如何。

<style>
  .hideme {
    display:none;
  }
</style>
<?php
$num_of_items = 5;
$items = array('one', 'two', 'three', 'four', 'five', 'six', 'seven');
echo "<ul id='somelist'>";
for($i=0;$i<sizeof($items);$i++) {
  echo "<li".(($i<$num_of_items)?"":" class='hideme'").">".$items[$i]."</li>";
}
echo "</ul>";
?>