Javascript 在网页上有不可见的表单，并希望通过DojoToolkit的按钮单击使其可见，但不确定是什么'；我的密码有什么问题

我正在学习Dojotoolkit，我想在点击按钮时弹出一个表单。从其他例子来看，我的代码看起来不错，但我遗漏了一些东西，但我不知道是什么

任何建议和帮助都将不胜感激

<button id="slog">Login</button> or <button id="rlog">Register</button>?

<div id="anim8target" style="opacity: 0"> 
<form action="login.jsp" method="POST">
<fieldset><legend>Login</legend>
Username: <input type="text" name="username"><br><br>
Password: <input type="passwor" name="password"><br><br>
<input type="input" value="Login">
</fieldset>
</form>
</div>

<div id="anim8target"  style="opacity: 0">
<form action="register.jsp" method="POST">
<fieldset><legend>Register</legend>
Username: <input type="text" name="username"><br><br>
Display name: <input type="text" name="dname"><br><br>
Email: <input type="text" name="email"><br><br>
Password: <input type="passwor" name="password"><br><br>
<input type="input" value="Register">
</fieldset>
</form>
</div>

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-
dojo-config="isDebug: 1, async: 1, parseOnLoad: 1"></script>
<script>
require(["dojo/_base/fx", "dojo/on", "dojo/dom", "dojo/domReady!"], function

(baseFx, on, dom) {
    var loginButton = dom.byId("slog"),
    registerBUtton = dom.byId("sreg"),
    anim8target = dom.byId("anim8target");
    on(loginButton, "click", function(evt){
        baseFx.animateProperty({
            node: anim8target,
            properties: {
                opacity: 1 }
        }).play();
    });
});
</script>

登录还是注册？
登录
用户名：


密码：


登记
用户名：


显示名称：


电子邮件：


密码：


require（[“dojo/_base/fx”、“dojo/on”、“dojo/dom”、“dojo/domReady！”），函数
（baseFx、on、dom）{
var loginButton=dom.byId（“slog”），
registerBUtton=dom.byId（“sreg”），
anim8target=dom.byId（“anim8target”）；
打开（登录按钮，“单击”，功能（evt）{
baseFx.animateProperty({
节点：anim8target，
特性：{
不透明度：1}
}).play（）；
});
});

无法设置

可见性

CSS属性的动画。它要么是

隐藏的

要么是

可见的

---

如果你想做一个淡入，有一个合适的方法。在这种情况下，您可能希望使用

opacity:0

初始化样式，而不是

visibility:hidden

除了@ken answer，您还可以查看问题。谢谢。我编辑代码以反映这些更改。似乎仍然不知道如何让它们出现。