<a href="javascript:(void);" id="lnkP">show all children</a>
<a href="javascript:(void);" id="lnkC1">hide child 1</a>
<a href="javascript:(void);" id="lnkC2">hide child 2</a>
<div id="p" style="display:none;">
<div id="c1">child 1</div>
<div id="c2">child 1</div>...
</div>
$("#lnkP").click(function(){
$("#p").children().show(); //seems there's a problem here...
});
$("#lnkC1").click(function(){
$("#c1").hide();
});
$("#lnkC2").click(function(){
$("#c2").hide();
});
jsFiddle:http: //jsfiddle.net/CBGsF/1/
我想做的是:
p
是一个父容器- 点击
show all children
链接,显示 下所有子divp
- 单击
lnkC1
或lnkC2
隐藏单个子 div
但似乎我没有.children()
正常工作。那么如何解决呢?有任何想法吗?