Show/Hide Divs

Question

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

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

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

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

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

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

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

Answer 1

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

Я добавил необходимый css и необходимый jQuery. Я очистил ваш html.

Чтобы скрыть DIV # б на странице загрузки, используйте 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

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

Answer 3

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

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

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