主页 / 问题 / 1315439
Accepted
zrx
Asked:2022-08-08 21:29:42 +0000 UTC2022-08-08 21:29:42 +0000 UTC

HTML/CSS | 展开-折叠列表

  • 772

有这个块：

在此处输入图像描述

html代码（样式我就不贴了，代码太多）：

<div>
    <div>SERVER MANAGEMENT</div>
</div>
<ul>
    <a>Приветствия</a>
    <a>Модератор</a>
    <a>Реакции с ролями</a>
</ul>

有必要让它在您单击它SERVER MANAGEMENT список ul时折叠，当您再次单击它时，它会展开。

如何实施？

html

1 个回答

  1. Best Answer

    $('.menu-header').on(`click`, function() {
  $(this).next().stop(true).slideToggle();
});
    ul {
  display: block;
  background-color: gray;
}

ul a {
  display: block;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-header">
  <div>SERVER MANAGEMENT</div>
</div>
<ul>
  <a>Приветствия</a>
  <a>Модератор</a>
  <a>Реакции с ролями</a>
</ul>

    • 4

相关问题