基于单选的Div显示

Div display based on radio selection

本文关键字：显示 Div 于单选      更新时间：2023-09-26

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

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

我将"包装器"添加到正文的整个内容中，以演示所有内容如何关闭。把包装纸拿出来……事情就像我想的那样发展。有什么建议吗?

问题来自您的<div id="wrapper">，以及这一行:

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

我建议改成:

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

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

问题是由以下行引起的:

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

这基本上说"隐藏任何不具有formset类的div"。包装器div没有这个类，所以它被隐藏了。我不确定这行是做什么(它似乎没有做任何有用的小提琴至少)，所以我建议只是删除它，除非你可以扩展你的问题。

这是一个更新的小提琴

基于注释更新

正如@fflorent所提到的，看起来你实际上想隐藏.sub-formset，所以你可能想把选择器改为:

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

请注意，我使用了一个类选择器(.字符)，而不是使用属性等于选择器，因为你已经在你的提琴。

相关文章：