Показать / Скрыть Div

Question

Я пытаюсь сделать следующее.

На странице две формы,

• [форма 1]
• [форма 2]

По сути посмотрите на скрипку http://www.jsfiddle.net/ozzy/S9nX7/1/

Я хочу, чтобы форма 2 была скрыта при загрузке страницы.

Если пользователь нажимает да в форме 1 , он переносит их на новую страницу Если пользователь нажимает no в форме 1 , он скрывает форму 1 и отображает форму 2

Я ошибаюсь, если смогу решить js, чтобы сделать это. Надеюсь, с помощью jquery slide, с облегчением ... Я посмотрел на сайте jQuery, а при слайде вверх вниз, переключении шоу и т. Д., Но ... я потерян, есть ли простое решение?

Answer 1

Я обновил ваш код. http://www.jsfiddle.net/S9nX7/4/

Я добавил требуемый css и требуемый jQuery. Я очистил ваш HTML.

Чтобы скрыть div # b при загрузке страницы, используйте css: #b{ display:none; }

Чтобы скрыть div#a и показать div#b при нажатии a.no, используйте jQuery. Если вам нужны скользящие переходы, замените jQuery hide / show на слайды или любой другой эффект, который вы хотите.

$("a.no").click(function(){
                 $("#a").hide();
                 $("#b").show();
                 return false;

     });

Answer 2

Проверьте мою вилку на http://www.jsfiddle.net/QHBa8/

По сути, после нажатия кнопки no (событие onclick) вы хотите скрыть div a и показать div b. Используя селектор идентификатора jQuery ($('#a') и $('#b')), вы можете получить ссылки на свои элементы div и затем вызвать для них методы jQuery, такие как show() и hide().

В приведенном примере кода все встроено, вы захотите вызвать функцию javascript для выполнения реальной работы.

Answer 3

Простое решение? Да. Измените ваш дизайн и используйте две страницы, по одной для каждой формы. Решение, которое вы ищете? Нет.