Javascript “如何修复”；“加载更多”；哪些功能在选项卡中不起作用？

我的网站主页上有一些jQuery排序逻辑。我曾尝试用loadMor实现排序功能，但根本不起作用。这是因为所有div都是由内联CSS设计的。当我将排序jQuery替换为tab功能时，我仍然存在同样的问题

我对选项卡使用jQuery并加载更多内容

$（文档）.ready（函数（）{
$（“#portfoliolist div”）.slice（0,30）.show（）；
$（“#加载更多”）。关于（'单击'，函数（e）{
e、 预防默认值（）；
$（“#portfoliolist div:hidden”）.slice（0,6）.slideDown（）；
if（$（“#PortfoliList div:hidden”）.length==0{
$（“#加载更多”）.fadeOut（'slow'）；
}
$（'html，body'）。设置动画({
scrollTop:$（this）.offset（）.top
}, 1500);
});
});
过滤器选择（“全部”）
函数过滤器选择（c）{
变量x，i；
x=document.getElementsByClassName（“组合”）；
如果（c==“全部”）c=“”；
对于（i=0；i-1）w3AddClass（x[i]，“show”）；
}
}
函数w3AddClass（元素、名称）{
变量i，arr1，arr2；
arr1=element.className.split（“”）；
arr2=name.split（“”）；
对于（i=0；i-1）{
arr1.拼接（arr1.indexOf（arr2[i]），1）；
}
}
element.className=arr1.join（“”）；
}
//将活动类添加到当前按钮（高亮显示）
var btnContainer=document.getElementById（“过滤器”）；
var btns=btnContainer.getElementsByClassName（“过滤器”）；
对于（变量i=0；i-1）w3AddClass（x[i]，“show”）；
}
}
函数w3AddClass（元素、名称）{
变量i，arr1，arr2；
arr1=element.className.split（“”）；
arr2=name.split（“”）；
对于（i=0；i-1）{
arr1.拼接（arr1.indexOf（arr2[i]），1）；
}
}
element.className=arr1.join（“”）；
}
//将活动类添加到当前按钮（高亮显示）
var btnContainer=document.getElementById（“过滤器”）；
var btns=btnContainer.getElementsByClassName（“过滤器”）；
对于（变量i=0；i

请帮帮我