Div显示基于无线电选择

时间:2011-11-12 22:28:13

标签: javascript jquery

目前,只要页面中没有其他div,我就有一段可以正常运行的代码。如果我添加其他div,他们将关闭任何无线电选择。我只需要对代码进行简单的修改即可打开和关闭,而无需关闭所有其他div。这里可以看到工作示例。

http://jsfiddle.net/L5qfn/38/

我在身体的整个内容中添加了“包装器”,以演示所有内容是如何关闭的。取出包装......事情就像我想要的那样。有什么建议吗?

2 个答案:

答案 0 :(得分:2)

问题来自您的<div id="wrapper">,此行:

 $('div[class!="formset"]').slideUp("fast"); //Slide Up Effect 

我建议将其更改为:

    $('div .sub-formset').slideUp("fast"); //Slide Up Effect

查看结果:http://jsfiddle.net/L5qfn/40/

答案 1 :(得分:1)

问题是由以下行引起的:

$('div[class!="formset"]').slideUp("fast");

这基本上是说“隐藏没有类div”的任何formset。包装器div没有该类,因此它被隐藏。我不确定那条线是做什么的(至少在小提琴上似乎什么都没用)所以我建议你删除它,除非你可以扩展你的问题。

这是一个updated fiddle

根据评论

更新

正如@fflorent所提到的,看起来你真的想要隐藏.sub-formset,所以你可能想要将该选择器更改为:

$(".sub-formset").slideUp("fast");

请注意,我已经使用了一个类选择器(.字符)而不是使用属性equals选择器,就像你在小提琴中所做的一样。