只让第一个li显示，按下button后显示其他li

你可以使用JavaScript来实现这个效果。首先，你可以将除了第一个li以外的所有li隐藏，可以通过设置它们的CSS属性display为none来实现。然后，在button的click事件中，你可以将所有li的display属性设置为block，这样就可以显示所有li了。

HTML代码：

<ul>
  <li>第一个列表项</li>
  <li style="display: none;">第二个列表项</li>
  <li style="display: none;">第三个列表项</li>
  <li style="display: none;">第四个列表项</li>
  <li style="display: none;">第五个列表项</li>
  <li style="display: none;">第六个列表项</li>
  <li style="display: none;">第七个列表项</li>
  <li style="display: none;">第八个列表项</li>
  <li style="display: none;">第九个列表项</li>
  <li style="display: none;">第十个列表项</li>
  <button id="show-list">显示列表</button>
</ul>

JavaScript代码：

const showListButton = document.getElementById('show-list');
const listItems = document.querySelectorAll('li');

showListButton.addEventListener('click', function() {
  listItems.forEach(function(item) {
    item.style.display = 'block';
  });
});

这样，当用户点击button时，所有li都会显示出来。