如何在jQuery和amp;中修复此对齐问题CSS？

Question

实施在这里：http://jsfiddle.net/JWaCY/1/

看看'忘记通行证？'链接。按“注册”时，它会消失，当您再次单击“登录”时，它会返回内联 - 这就是我想要的位置。在“注册”按钮旁边。

然而，现在发生的事情是因为“发送重置指令”按钮位于“注册”按钮旁边，带有css显示和放大器。可见性值分别为none和hidden，在第一次加载时，它显示此按钮所在的空间。

如何在没有占用空间和“忘记通行证？”的情况下完全隐藏它。位于页面加载的“注册”按钮旁边？

我宁愿使用CSS解决方案。

我知道我可以通过简单地在页面加载中在我的JS中的某个地方执行$('#pass-reset').slideUp();来执行此操作，但这显示了“忘记密码？”字面上从按钮下方移动到右侧 - 这是不整洁的。我更倾向于一个更优雅的解决方案，只是在正确的地方显示忘记通行证。

Answer 1

我更改了以下CSS，现在似乎可以正常工作：

div#sign_in input#pass-reset {
    display: none;
}

在此处试试：http://jsfiddle.net/JWaCY/2/

希望这有帮助。

鲍勃

Answer 2

忘记密码链接由一个不可见的元素定位，随后切换为不显示;

它的CSS中没有显示，但它被显示块覆盖;

我使显示：无！重要，并使链接显示块在顶部有一些余量：

http://jsfiddle.net/NfCyJ/