JavaScript.JQuery切换和淡入

如果您有一个div，其中有两个单选按钮，没有ID，并且每个div都禁用内容并在选中时显示新内容。应该很简单，但它不能正常工作。更改单选按钮后，关闭该内容并淡入新内容，反之亦然。 这个代码有什么问题？不是这么简单吗

<div class="radios">
                <div class="change__radio">
                    Home: <input name="change" type="radio" value="1" checked="true" />
                    Projects <input name="change" type="radio" value="2" />
                </div> 



 $(":radio").change( function(e) {
            $(".radios__home").toggle().fadeIn(400);
            $(".radios__projects").toggle().fadeIn(400);});

主页：
项目
$（“：收音机”）.更改（功能（e）{
$（“.radios\uuu home”）.toggle（）.fadeIn（400）；
$（“.radios_uuprojects”）.toggle（）.fadeIn（400）；}）；

您的问题是

.fadeIn

始终使元素可见，无论您如何使用

。切换
。因此，您需要检查选中收音机的值，并使用该值淡入/隐藏相应的元素。类似这样的东西（但希望更漂亮一点）：


$（“：收音机”）。更改（功能（e）{
if（$（this）.val（）==1）{
$（“.radios_uuhome”）.fadeIn（400）；
$（“.radios\uu projects”）.hide（）；
}否则{
$（“.radios\uuu home”）.hide（）；
$（“.radios_uuprojects”）.fadeIn（400）；
}
});

主页：所有项目
家用收音机
广播节目
请将相关HTML作为问题的一部分……我假设切换也可以工作，而不是淡出？@lucklshot是的，您可以使用带有持续时间的切换。看到我的编辑。是的，但它仍然淡出，而不是淡出我想立即切换/消失和淡入时called@lucklshot看我的编辑；这将在新div中消失，但会立即隐藏旧divone@lucklshot这回答了你的问题吗？如果没有，你能提供更多的信息来帮助回答这个问题吗？否则，请考虑标记接受的答案（在上/下投票箭头下的复选标记）。看到和