Показать больше/меньше элементов, используя jQuery

Question

У меня есть набор элементов, и я не хочу показывать их сразу. Моя проблема в том, что я должен использовать это несколько раз на одной странице. Вы, ребята, знаете плагин jQuery, который делает то, что я написал?

jQuery(function($) { 
    $lis = $('.addfilter'); 
    min = 2; 
    max = $lis.length; 
    var visible = min; 

    function showUpToIndex(index) { 
     $lis.hide(); 
     $lis.slice(0, index).show(); 
    } 

    function disableButtons(){ 
     if (visible >= max){ 
      visible = max; 
      $('#more').hide(); 
     } 
     else 
     { 
      $('#more').show(); 
     } 
     if (visible <= min){ 
      visible = min; 
      $('#less').hide(); 
     } 
     else 
     { 
      $('#less').show(); 
     } 
    } 

    showUpToIndex(visible); 
    disableButtons(); 

    $('#more').click(function(e) { 
     e.preventDefault(); 
     visible = visible + 5; 
     disableButtons(); 
     showUpToIndex(visible); 
    }); 

    $('#less').click(function(e) { 
     e.preventDefault(); 
     visible = visible - 5; 
     disableButtons();  
     showUpToIndex(visible); 
    }); 
}); 

Вот рабочий пример: http://jsfiddle.net/cUUfS/179/

Спасибо!

Answer 1

Пожалуйста, попробуйте это,

http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/

https://github.com/mfarid/readmore-readless

Это может помочь я надеюсь