仅需要显示 4 个列表 - SlideDown jquery

Question

这里我有 8 个列表，但我想在单击“更多”按钮后仅显示 4 个带有“更多”按钮的列表，列表的其余部分将显示。请帮帮我。

这里是jquery

$(document).ready(function() {
  $("#accordion").hide();
  $('#acc').click(function() {
    if ($("#accordion").is(":hidden")) {
    $("#accordion").slideDown("fast");
    } 
    else {  $("#accordion").hide(); }       
  });
})  ;

和html

<div>
<h1 style="font-size:12px;"  id="acc">Product</h1>
<div id="accordion">
<ul>
<li>Link1</li>
<li>Link2</li>
<li>Link3</li>
<li>Link4</li>
<li>Link5</li>
<li>Link6</li>
<li>Link7</li>
<li>Link8</li>
</ul>
<span id="more"><a href="#">More</a></span>
</div>
</div>

Answer 1

这就是您要找的

$(document).ready(function() {
  $("#accordion").hide().find("li:gt(3)").hide();

  $('#acc').click(function() {
    if ($("#accordion").is(":hidden")) {
    $("#accordion").slideDown("fast");
    } 
    else {  $("#accordion").hide(); }       
  });

  $("#more").click(function(){
    $(this).remove();
    $("#accordion li").show();
  });
});