html - 在 HTML 表单中的 li 元素中有一个 li 的替代方法

Question

我正在创建一个表格，其中包含“您隶属于机构吗？” Y/N' 问题应该显示另一个包含相关信息的小表格。我正在尝试使用 jQuery fadeIn() fadeOut() 方法并尝试显示子表单。但是当我尝试这样做时。

1. 将 li 标记放入整个表单并尝试调用。但它说我不能将 li 放在 XHTML 1.0 Transitional 中的另一个 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

你不能把 li 放在 li 里，但是你可以把它放在 ul 里

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