jQuery在3个元素之前加载下一个元素

Question

我在堆栈溢出时发现了这个。

但是现在我想在<3>元素之前加载接下来的10个元素。

但无论我怎么做到，都要到那里去。

jsfiddle link http://jsfiddle.net/cse_tushar/6FzSb/2/

$(document).ready(function () {
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();
     $('#showLess').show();
    if(x == size_li){
        $('#loadMore').hide();
    }
});
$('#showLess').click(function () {
    x=(x-5<0) ? 3 : x-5;
    $('#myList li').not(':lt('+x+')').hide();
    $('#loadMore').show();
     $('#showLess').show();
    if(x == 3){
        $('#showLess').hide();
    }
});
});

谁可以帮助我。谢谢！