jQueryとCSSでこの整列の問題を解決するにはどうすればよいですか？

Question

実装はここにあります：http://jsfiddle.net/JWaCY/1/

「Forgot Pass？リンク。 「登録」を押すと消え、「ログイン」をもう一度クリックすると、インラインに戻ってきます。 'Register'ボタンの横にある。

しかし、ここで起こっていることは、「登録」ボタンの横に「登録」ボタンの横に表示されていて、css表示&の表示値がそれぞれ非表示で非表示であるためです。だろう。

スペースを奪われずに「パスを忘れましたか？」を完全に隠す方法を教えてください。ページの読み込み時に[登録]ボタンの横に配置されていますか？

私はむしろCSSソリューションを望んでいます。

ページロード時にJS内のどこかで$('#pass-reset').slideUp();を実行するだけで、jQueryでこれを行うことができますが、「Forgot Pass？文字通り、ボタンの下から右に移動します。これは不安定です。正しい場所にForgot Passを表示するだけでなく、より洗練されたソリューションになります。

Answer 1

私は、次のCSSを変更し、今で動作しているようです：

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

は、ここでそれを試してみてください。このことができますhttp://jsfiddle.net/JWaCY/2/

希望を。

ボブ

Answer 2

忘れたパスワードリンクがその後何を表示しないようにトグルされた目に見えない要素によって位置決めされました。

ディスプレイにはCSSがありませんが、表示ブロックでは表示されません。

私はディスプレイます！どれもが重要と上にいくつかの余裕をもってリンク表示ブロックを作っ：

http://jsfiddle.net/NfCyJ/