jquery 切换以在多个实例中工作

Question

我有一个有效的显示/隐藏效果，但我只需要能够在页面中多次使用它。目前它会切换所有元素。我不知道该怎么做。

希望能帮到你。

http://pastebin.me/29328e556caf53e9a1925030d65b864b

Answer 1

您可以对此函数进行一些编辑，它将适用于每个 <ul>独立地:

$('.facet ul').each(function() {
  if($(this).children('li:gt(9)').hide().length === 0) return;
  $(this).append(
    $('<li id="toggler">More</li>').toggle(function() {
       $(this).text('Hide').siblings().show();
    }, function() { 
       $(this).text('More').siblings('li:gt(9)').hide();
    }));
});​

See a working demo here

之前，它得到任何 li超过 9，您想要执行此操作每 <ul>元素为 .each()就像上面的例子一样。