jquery切换到多个实例工作

Question

我有一个可以工作的显示/隐藏效果，但我只需要能够在页面中多次使用它。目前它切换所有元素。无法让我的头了解如何去做。

希望你能帮上忙。

http://pastebin.me/29328e556caf53e9a1925030d65b864b

Answer 1

您可以编辑功能有点这个，它会在每个<ul> V2独立工作：

$('.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()像上面的例子。

Answer 2

我删除了一些比特来简化，但你可以在这里看到一个工作实现......为了保持转换器为li元素，你需要扩展它以选择性地隐藏兄弟元素 - 但我是一个简单的粉丝，所以我建议你在显示/隐藏元素之外保留开关。

http://pastebin.me/7a7e139da8cad2b01593d895b668c17e