Javascript 内容过滤和分页

我使用纯JS分页将许多div元素分隔在三个页面中。这样，div元素被限制为每页四个。现在，我尝试使用纯css包含一个内容过滤器。它工作得很好，但是你必须转到下一页，看看那里过滤了什么。下一页，下一页。。。如何使所有div在过滤时彼此折叠，但仍限制在每页4个

var pageList=new Array（）；
var currentPage=1；
var numberPerPage=4；
var events=Array.prototype.slice.call（document.queryselectoral（“.events-section\uu main-event”）；
函数getNumberOfPages（）{
返回Math.ceil（events.length/numberpage）；
}
函数下一页（）{
当前页面+=1；
loadList（）；
}
函数previousPage（）{
当前页面-=1；
loadList（）；
}
函数首页（）{
currentPage=1；
loadList（）；
}
函数lastPage（）{
currentPage=页数；
loadList（）；
}
函数loadList（）{
var begin=（（当前页-1）*数字页）；
var end=begin+numberpage；
对于（i=0；i
#蓝色：选中~：不（.blue）{
显示：无；
}
蓝色
你能再多提一个问题吗clear@SamuelJMathew我想在分页的div列表中添加筛选选项。我用css试过了，但是在过滤后div并没有叠在一起。如何在此分页中包含筛选？