使用 javascript 以"dropdown"风格缓慢地揭示隐藏的 div

Question

我有一个小块，包含如下内容:Login | Register

当用户单击Login时，块扩展到下面并显示一个供用户登录的表单。点击Login再次隐藏表单

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

我想做的不仅仅是让表格凭空出现。我试图让它"下拉"与非常小的延迟。类似地，当重新切换表单时，它应该"rollup"。

如果这很容易做到，有人能提供一些代码吗?如果它有点复杂，也许一个解释或一个链接，可以帮助我自己弄清楚，将是非常有帮助的。

Answer 1

使用JQuery等框架为您简化此操作。它简化并规范了JavaScript中所有不好的部分，因此编写JS代码可以再次变得有趣。除非你是一个大师，并且了解"JavaScript"one_answers"JScript"之间的所有设计缺陷和不一致，否则框架是最好的选择。JQuery只是其中之一。如果您不喜欢JQuery的语法，您可以研究Mootools、Dojo或YUI:

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

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

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