javascript - 使用 javascript 以 "dropdown"样式缓慢显示隐藏的 div

Question

我有一个包含如下内容的小块:Login |注册

当用户点击 Login 时，该 block 会在下方扩展并显示供用户登录的表单。再次单击 Login 会再次隐藏表单。

当用户点击 Register 时也是如此(但使用不同的表单)。如果在另一个表单可见时单击 Login 或 Register，则新选择的表单应该可见，而另一个应该消失。

我想做的不仅仅是让表格凭空出现。我试图让它以非常小的延迟“下拉”。同样，它应该在重新切换表单时“汇总”。

如果这很容易做到，有人可以提供一些代码吗？如果它涉及更多一点，也许可以帮助我自己弄清楚的解释或链接会非常有帮助。

Answer 1

使用框架，例如 JQuery为你简化这个。它简化并规范了 JavaScript 的所有不好的部分，因此编写 JS 可以再次变得有趣。除非您是大师并且了解“JavaScript”和“JScript”之间的所有设计缺陷和不一致，否则框架是必经之路。 JQuery 只是少数几个之一。如果你不喜欢 JQuery 的语法，你可以研究 Mootools , Dojo , 或 YUI :

$('#login').click(function(){
    $('#loginForm').slideToggle('fast');
});

http://api.jquery.com/slideToggle/

演示:http://jsfiddle.net/vNeXq/