使用javascript缓慢地在“中”显示隐藏的div；下拉列表“；风格

我有一个小程序块，其中包含如下内容：

Login | Register

当用户单击

登录

时，该块在下面扩展，并显示供用户登录的表单。再次单击

Login

将再次隐藏表单

当用户单击

注册表时，情况也是如此（但形式不同）。如果在另一个表单可见时单击了
登录或注册
，则应使新选择的表单可见，而另一个表单应消失

我想做的不仅仅是让表单凭空出现。我试着让它以很小的延迟“下拉”。类似地，当表单被重新切换时，它应该“汇总”

如果这很简单，有人能提供一些代码吗？如果这是一个更复杂的问题，也许一个解释或一个链接可以帮助我自己弄明白这一点会非常有帮助。
使用一个框架，例如为您简化这一点。它简化并规范了JavaScript中所有不好的部分，因此编码JS可以再次变得有趣。除非您是一位大师，并且了解“JavaScript”和“JScript”之间的所有设计缺陷和不一致之处，否则框架才是最佳选择。JQuery只是为数不多的几个查询之一。如果您不喜欢JQuery的语法，可以进行研究，或者：


演示：
如果他是javascript新手，很可能他还没有听说过JQuery。这是一个很好的开始：@ivarni是对的，我不确定JQuery是什么。但是
幻灯片切换
看起来正是我需要的。学习时间：）多亏了这两个方面。我知道你要求一些代码，但你应该先尝试一下，然后把你在这个问题上的内容发布出来，以帮助用户给你一个好的答案。
$('#login').click(function(){
    $('#loginForm').slideToggle('fast');
});