javascript - 如何使用 JavaScript 创建 Accordion 盒？

Question

我想要的是:

Start:                        End:
----------------          ----------------
|asdf          |          |              |
----------------          |   stuff      |
                          |              |
                          |              |
                          ----------------
                          |     asdf     |  
                          ----------------

当您单击 asdf 时，它最终应该看起来像 End 框，但是“stuff”框应该逐渐出现，所以看起来 asdf 框正在下拉 stuff 菜单。当再次单击 asdf 时，它应该看起来像填充框拉起 asdf 框并在开始位置结束。

我该怎么做？

Answer 1

如果出于某种原因你想重新发明轮子，你需要设置一个定期调用的函数(通过 setTimeout()、clearTimeout() 或 setInterval() 和 clearInterval() 函数)来控制通过 onclick 处理程序建立状态(打开或关闭)后的动画。

然而，绝大多数人只会使用 jQuery或其他著名的 JavaScript 框架之一，从而为其他功能领域节省时间和精力。