jQuery loadMoreButton Plugin

This plugin divides the HTML website’s content into several sections. When clicking on the button one section from the HTML website loads. This Plugin generates the button at the end of the content by means of previously defined options.

Demo

Usage?

Create a list with several entries and invoke the plugin with the corresponding options.

HTML-Code

<div class="container" id="mycontent">
            <ul class="list-group">
                <li class="list-group-item">Abarth</li>
                <li class="list-group-item">Aixim</li>
                <li class="list-group-item">Alfa Romeo</li>
                <li class="list-group-item">Audi</li>
                <li class="list-group-item">BMW</li>
                <li class="list-group-item">Cadillac</li>
                <li class="list-group-item">Chevrolet</li>.
                .
                .
                .
                .
                .
                .
                .
                .
                .
                .
          </ul>
</div>

JavaScript

$("#myconten").loadMoreBtn({
    items_selector:'.list li',
    items_per_page:5,
    btn_text:'btn btn-s btn-primary',
    btn_cls:'btn ',
    btn_id:'load-more-btn',
    ajaxloader:true
}); 

 Options