Javascript 查看更多和更少按钮

我想为我的ul>li使用“看得更多”和“看得更少”按钮，我正在使用以下代码，但它不起作用

$(document).ready(function() {
  var list = $(".partners__ul li");
  var numToShow = 4;
  var button = $(".partners__button__a");
  var numInList = list.length;
  list.hide();
  if (numInList > numToShow) {
    button.show();
  }
  list.slice(0, numToShow).show();
  button.click(function() {
    var showing = list.filter(':visible').length;
    list.slice(showing - 1, showing + numToShow).fadeIn();
    var nowShowing = list.filter(':visible').length;
  });
});

---

希望下面的代码能帮助你

$（文档）.ready（函数（）{
var列表=$（“.partners_uul li”）；
var numToShow=4；
var按钮=$（“.partners__按钮a”）；
var numInList=list.length；
var isShowing=真；
list.hide（）；
如果（numInList>numToShow）{
按钮。显示（）；
}
slice（0，numToShow.show（）；
按钮。单击（函数（）{
显示变量=list.filter（':visible'）.length；
如果（正在显示）{
list.slice（显示-1，显示+numToShow）.fadeIn（100，onFadeComplete）；
}
否则{
切片（显示-numToShow，numInList）.fadeOut（100，onFadeComplete）；
}
});
函数onFadeComplete（）{
var nowshiving=list.filter（':visible'）.length；
if（nowShowing==numInList&&isShowing）{
isShowing=假；
按钮。文本（“显示较少”）；
}
否则如果（正在显示）{
文本（“显示更多”）；
}
如果（现在显示==numToShow）{
按钮文本（“显示更多”）；
isShowing=true；
}  
}
});
.partners\uuuul{
列表样式：无；
填充：0；
保证金：0；
}
李先生{
位置：相对位置；
边缘底部：10px；
}


项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9
项目10
项目11
项目12

显示更多
你能定义“它不工作”吗？它会崩溃，产生意外的结果，什么都不做吗？它可能会向邻居的窗口扔石头……请在jsfiddle.net上创建一个提琴，以便我们能更好地帮助您。@litelite show less按钮不起作用。它是如何不起作用的。不工作不是一个充分的解释。它会崩溃吗？有没有意外的结果？什么也不做？也许它会召唤恶魔？我想如果你的答案是解释你的代码，你会得到更少的反对票。。。你可以在回答中这样做和/或在代码中使用注释。感谢它的工作