http://jsfiddle.net/EUFrH/
我想从列表中隐藏"子行",当点击"子"行时,它会向下推其他行,以显示"子线"li。
只是在寻找一种不必使用Js或Jquery 的方法
提前感谢!
您可以尝试使用<input type="checkbox">
或<input type="radio">
。例如,在此描述该技术:http://www.inserthtml.com/2012/04/css-click-states/
不幸的是,对于您当前的标记,似乎没有办法做到这一点。可以通过以下方式修改HTML:
<li class="sub">
<label for="subline-enabler">
... content omitted ...
</label>
<input type="checkbox" id="subline-enabler" />
<ul class="subline">
<li>
... content omitted ...
</li>
</ul>
</li>
演示在这里:http://jsfiddle.net/EUFrH/3/