Jquery 选中时显示Div并隐藏所有其他

这看起来应该很容易，但我还没有让它工作。我有一个html选择元素，有10个左右的选项。当用户选择其中一个选项时，通过删除.hidden类来显示Div，该类在CSS中只是一个带有display:none的类。这一切都很好，但当我选择下一个选项时，上一个div保持可见。我试过使用.toggleClass，但没用

$(function () {
  $("#calc-select").change(function () {
    $('#' + $("#calc-select").val()).removeClass('hidden');
  });
});  

---

您可以做的是将以前选择的选项保存在一个变量中，如下所示

$（函数（）{
var prevSelected=$（“#Test1”）；
$（“#计算选择”）.change（函数（）{
$（“#”+$（“#计算选择”）.val（））.removeClass（'hidden'）；
prevSelected.addClass（“隐藏”）；
prevSelected=$（“#”+$（“#计算选择”）.val（）；
});
}); 
。隐藏{
显示：无；
}

测试1
测试2
测试3
测试4
测试5
内容1
内容2
内容3
内容4
内容5
您可以将以前选择的选项保存在一个变量中，如下所示


$（函数（）{
var prevSelected=$（“#Test1”）；
$（“#计算选择”）.change（函数（）{
$（“#”+$（“#计算选择”）.val（））.removeClass（'hidden'）；
prevSelected.addClass（“隐藏”）；
prevSelected=$（“#”+$（“#计算选择”）.val（）；
});
}); 
。隐藏{
显示：无；
}

测试1
测试2
测试3
测试4
测试5
内容1
内容2
内容3
内容4
内容5
是否要重新添加隐藏类？我尝试了。将removeClass改为toggleClass，但效果相同。最终我想要的是将它添加回所有其他div。可能是某种。每个都需要迭代选项？是否要重新添加隐藏类？我尝试了。切换类而不是removeClass，但效果相同。最终我想要的是将它添加回所有其他div。也许是某种形式的。每一个都需要迭代选择？这很有效。谢谢谢谢你的详细解释。很乐意帮忙，如果你还有其他问题，请告诉我@TonyTambe:）这很有效。谢谢谢谢你的详细解释。很乐意帮忙，如果你还有其他问题，请告诉我@TonyTambe:）