How to load all remaining content of a view after clicking a "load more" link? I have a view block that list contents.

What I want to do is to show only 5 items in this view and a load more link at the bottom of the view and if this link clicked, then show all remaining content of the view.

I tried the Views Load More module and the Views Infinite Scroll module. The Views Load More module didn't work, the Views Infinite Scroll module works good but I couldn't do what I want. It has an option to show X items per "show more" link clicked but it doesn't have an option to show all the remaining content of the view.

How to load all remaining content of a view after clicking a "load more" link?
You need Views show more module with ajax under views advanced setting. This module provides Initial item selection option, and rest of the item you can put in the section of on-click.

Steps-


Download and enable the module.
Select show more pager in the Pager section as shown in the image. Then go for setting for that. Now in my case I took 15 items, and I want to initially show 5 items and on clicking rest of the item. So I did put 5 under the Initial items and 10 items under Items to display as shown in second image. And under Animation section select Scroll to new content. Save this, so pager setting ends here.
Under advanced setting of views enable, Use Ajax: Yes 


Views Block UI


Pager UI

 

Out put image:

Initial stage



After clicking show more



It does not require the page refresh to load content.