Как исправить эту проблему выравнивания в jQuery & CSS?

Question

Реализация здесь: http://jsfiddle.net/JWaCY/1/

Посмотрите на «Забыли пароль?» ссылка. Когда вы нажимаете «Зарегистрироваться», он исчезает, и когда вы снова нажимаете «Войти», он возвращается в очередь - именно там я и хочу. Рядом с кнопкой «Регистрация».

Однако, что происходит сейчас, так это то, что кнопка «Отправить сброс инструкций» находится прямо рядом с кнопкой «Регистрация» с помощью css-дисплея & значений видимости нет и скрытых соответственно, при первой загрузке отображается пространство, в котором эта кнопка было бы.

Как разрешить его полностью скрывать, без занимаемого пространства и «Забытого прохода»? расположенный рядом с кнопкой «Регистрация» при загрузке страницы?

Я предпочел бы использовать CSS-решение.

Я знаю, что могу сделать это с помощью jQuery, просто выполнив $('#pass-reset').slideUp(); где-нибудь в моем JS на загрузке страницы, но это показывает «Забыли пароль?». буквально двигаясь из-под кнопок в правую сторону - это неопрятно. Я бы предпочел более элегантное решение, которое просто показывает «Забытый проход» в нужном месте.

Answer 1

Я изменил следующий CSS и, кажется, работают в настоящее время:

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

Попробуйте здесь: http://jsfiddle.net/JWaCY/2/

Надеется, что это помогает.

Боб

Answer 2

забыл пароль канала связи была позиционируется невидимым элементом, который впоследствии был переключаемых для отображения нет;

У него нет отображения в его CSS, но он был перекодирован блоком отображения;

Я не делаю дисплей: ни один важными и сделал блок отображения связи с некоторым запасом на вершине:

http://jsfiddle.net/NfCyJ/