Jquery filter and load more combination headache
Hi there, this is my very first post.
I have registered because I am trying to implement a load more button to a list filtering plugin, it´s giving me a bit of a headache because obviously the filtering plugin controls the show and hide options of the list elements. Can you help me get this running? I am no good at javascript but I really need to get this working, this is why I ask you for your kind help.
I thank you for your time in advance.
The filtering plugin is called mixitup and I want to add this functionality to it:
- $(document).ready(function () {
size_li = $("#myList li").size();
x=9;
$('#myList li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+6 <= size_li) ? x+6 : size_li;
$('#myList li:lt('+x+')').show();
});
$('#showLess').click(function () {
x=(x-6<0) ? 3 : x-6;
$('#myList li').not(':lt('+x+')').hide();
});
});
And this is the template I want to implement the functionality to:
http://www.fileconvoy.com/dfl.php?id=ge56b75fd5a16ada8999598564b89ceb5a6e3fecb4
How can I possibly get this running?
All the best and thank you once again,
Alex.