替代在HTML表单中具有li里面的li元素

Question

我正在创建一个表单,在'你是否隶属于机构？Y/N'问题应该出现另一个有相关信息的小表格.我正在尝试使用jQuery fadeIn() fadeOut()方法并尝试显示子表单.但是当我尝试这样做的时候.

1. 将li标签添加到整个表单并尝试调用.但它说我不能在XHTML 1.0 Transitional中放入li另一个li

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>

同样,对于NO选项我的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

你不能把李放在里面,但你可以把它放在ul里

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