Simple Load More - Demo


Show and Load Same Amount of Items

Load more 2 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

Load more 5 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30


Show counter in the button

With counter inside button

This example shows the counter in the view more button.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

With counter outside button

This example shows the counter in a separate text tag.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30


Load different number of items

Load more 2 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

Load more 1 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9


Load different number of items

Load more 2 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

Load more 1 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9


Custom Easing

Fade in

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

Slide in

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9


Callbacks

On Load

This callback is performed only when the instance is fully loaded.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

On Next Load

This callback is performed every time the next batch of items are laoded.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

On Complete

This callback is performed when all the items have been loaded on page and there's nothing left.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13