Альтернатива для наличия элемента li внутри элемента li в форме HTML

Question

Я создаю форму, где в «Вы связаны с учреждением?Вопрос Y / N 'должен отображаться в другой небольшой форме, которая имеет соответствующую информацию.Я пытаюсь использовать методы jQuery fadeIn() fadeOut() и пытаюсь показать подчиненную форму.но когда я пытаюсь это сделать.

1. добавление тега li ко всей форме и попытка вызова.Но он говорит, что я не могу поместить li внутри другого li в XHTML 1.0 Transitional

2. Когда я пытаюсь поместить подчиненную форму внутри div, то это говорит, что div нельзянаходится внутри элемента ul.

Есть ли способ обойти это?Я думаю, что изменение DOCTYPE подойдет, но теперь я уверен, какой из них будет хорошим, или, может быть, есть какой-то другой способ обойти с тегами.

Часть 2:

Я успешно приступил к работе.Но когда я нажимаю Y в первую очередь, а затем выбираю N вариант.Две подчиненные формы объединяются.Я думаю, что я должен написать больше javascript, чтобы сделать его взаимоисключающим событием.Вот мой js

   <script type="text/javascript" >
      $(document).ready(function() {
      $('#subafform').hide();
      $("#element_4_1").click( function(){
        if( $(this).is(':checked')) {
               $('#subafform').fadeIn();
        } else {
            $('#subafform').fadeOut();
        }
        });
        });

    </script>

Аналогично для НЕТ варианта мой js:

<script type="text/javascript" >
 $(document).ready(function() {
 $('#subnonafform').hide();
 $("#element_4_2").click( function(){
    if( $(this).is(':checked')) {
           $('#subnonafform').fadeIn();
    } else {
        $('#subnonafform').fadeOut();
    }
    });
    });

</script>

Спасибо,

Answer 1

Вы не можете поместить li в li, но вы можете поместить его в ul

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>

Answer 2

не может иметь прямых детей. Убедитесь, что все, что вы написали, не пытается этого добиться.

Аналогично,

не может быть прямым потомком

• внутри