你如何制作一个可点击的下拉菜单，在页面上推送 rest 的内容

Question

我认为在标题中解释我的意思有点困难，但我想要做的是有一个文字说“查看公会成员”，每当你按下这个文字时，所有成员的列表都会消失在。

事情是，我已经完成了研究并找到了下拉菜单，但我不希望它在显示的内容上显示内容。

用这两张图更容易解释：

如您所见，按下按钮后，内容（链接 1-3）显示在“hello”上方。 我想将“你好”推到页面下方。

我该怎么做呢？

Answer 1

为了完成淡入 animation，您需要在 css 中添加这些 styles：

.show {
  display: block;
  animation: fadeIn 600ms ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

这里也是一个代码笔来玩代码。