Создание динамической формы

Question

Мне нужно создать форму, которая имеет 2 (Да / Нет) опции, и если пользователь щелкает одну из опций, он должен получить свертывающуюся подчиненную форму с более подробным описанием этого конкретного выбора.Если он выберет другую опцию, он должен получить другую свертывающуюся подчиненную форму со связанной информацией.Я знаю, что мы должны использовать JavaScript или Jquery (чтобы получить эффект свертывания), но я новичок в обоих.Будем очень благодарны за любые простые уроки или информацию для начинающих.

PS: я видел много вопросов по этому требованию, но факт, что я начинающий, затрудняет их понимание.

Answer 1

Вы должны визуализировать всю форму и скрыть все подчиненные формы, каждая с различным идентификатором. В зависимости от нажатой кнопки / выбора вы набираете $.show() на соответствующем div с кодом, подобным следующему:

$("#choice1_subform").click(function(){
    $("#div1").show();
});

Answer 2

По сути, вам нужно будет обернуть две разные подформы в div, а затем использовать функции jQuery .show () и .hide (), чтобы показать и скрыть их при нажатии правой кнопки-переключателя.

Вот полезное руководство по отображению и скрытию: http://papermashup.com/simple-jquery-showhide-div/

РЕДАКТИРОВАТЬ: более конкретный ответ для пользователя ..

$(document).ready(function(){
   $("#check-box").click( function(){
     if( $(this).is(':checked')) {
         $('#div1').show();
     } else {
        $('#div1').hide();
     }
  });

});