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