在HTML表单中具有li元素li元素的替代方案

我正在创建一个表单，在'您是否隶属于机构？ Y/N'问题应该显示另一个有相关信息的小表格。我试图让jQuery fadeIn()方法&试图显示子窗体。但是当我尝试去做。在HTML表单中具有li元素li元素的替代方案

把一个li标签整体形式&试图调用。但它说我不能把li内的另一个li在XHTML 1.0过渡
当我尝试把窗体上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>

感谢，

来源

2012-01-18 uday

它是可行的布局嵌套的UL成李和淡入/淡出的那一个。 – microspino

把你的代码，请 –

你就错了：'

项目
- 子项目

'。我建议[阅读规范]（http://dev.w3.org/html5/spec/the-li-element.html#the-li-element）。 – zzzzBov

你不能把一个立在里，但你可以把它放在一个UL

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

来源

2012-01-18 18:23:15

这个heirarchy做的神奇！谢谢。 – uday

<李>不能直接<李>孩子。确保你写的内容不是试图做到这一点。

同样，<div>不能成为<ul>的直接子。但它可以是<li>里面的直接子<ul>。

来源

2012-01-18 18:22:38

在HTML表单中具有li元素li元素的替代方案

回答

相关问题