In order to add content to a page, by clicking the “load more” button you need to use the library:
<script src="js/js-plugins/ajax-pagination.js"></script>
The button has the following look:
<a href="#" class="btn btn--large btn--transparent btn--dark-lighter" id="load-more-button" data-load-link="events-to-load.html" data-container="portfolio-grid">Load More Events</a>
The button code includes the following data-attributes:
• id="load-more-button" — mandatory id for initialization
• data-load-link="events-to-load.html" — here you specify the path to the HTML page, that contains required content to load;
• data-container="portfolio-grid" — data attribute, indicating container`s id, and place, where the content will be added.