showMoreItems Load More Button Examples

Demo 1 Start From The Second Item

Item1

Item2

Item3

Item4


    $('.list1').showMoreItems({
      nowNum:2,
      moreText:'More'
    });

Demo 2 Show 3 Items On Init

Item1

Item2

Item3

Item4

Item5

Item6


    $('.list2').showMoreItems({
      startNum:3,
      afterNum:2
    });

Demo 3 Reset Button

Item1

Item2

Item3


    $('.list3').showMoreItems({
      original:true,
      backMoreText:'Reset'
    });

Demo4 Responsive Design

Item1

Item2

Item3

Item4

Item5

Item6

Item7

Item8

Item9


    $('.list4').showMoreItems({
      startNum:3,
      afterNum:3,
      original:true,
      responsive: [
        {
          breakpoint: 1280,
          settings: {
          startNum:2,
          afterNum:2,
          }
        },
        {
          breakpoint: 600,
          settings: {
          startNum:1,
          afterNum:1,
          }
        }
      ]
    });

Home