Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="list">
- <ul id="myList1">
- <li>a</li>
- <li>b</li>
- <li>c</li>
- <li>d</li>
- <li>e</li>
- </ul>
- <a id="loadMore">Load more</a>
- </div>
- <div class="list">
- <ul id="myList2" style="display: none;">
- <li>1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- <li>5</li>
- </ul>
- <a id="loadMore">Load more</a>
- </div>
- $(document).ready(function () {
- $('#myList li').hide();
- size_li = $("#myList li").size();
- x=3;
- $('#myList li:lt('+x+')').show();
- $('#loadMore').click(function () {
- x= (x+5 <= size_li) ? x+5 : size_li;
- $('#myList li:lt('+x+')').show();
- });
- });
Add Comment
Please, Sign In to add comment