Javascript jQuery以注册表形式隐藏问题

我对jQuery不太在行，所以我遇到了一些在项目中无法绕过的问题。 我正在用BuddyPress在这个URL上创建一个注册表单：（对不起葡萄牙人，我会引导你通过）

在最后一个下拉菜单中，我有“Eu sou”（我是）字段，其中有“Paciente”（患者）、“Médico”（医生）和“Estudante”（学生）值

基于此，如果用户是医生或学生，我将使用以下jQuery代码显示/隐藏表单上的其他信息。问题是，例如，当我们选择内科医师时，所有表单都会隐藏，而Medical div会显示出来。我不想把整个表单隐藏起来，我不知道遗漏了什么

$(document).ready(function(){
    $('#Estudante').hide();
    $('#Medico').hide();
    $("#field_5").change(function(){
        $("#" + this.value).show().siblings().hide();
    });

    $("#field_5").change();
});

---

如果有人能帮助我，我将非常感激。谢谢

试着给两个DIV提供一个相同的类，id为Estudante和Medico-like:

class=“additional info”

那么你应该试试这样的方法：

$(document).ready(function(){
    $('.additional-info').hide();
    $("#field_5").change(function(){
        $('.additional-info').hide(); // Just in Case one of the 2 div's is showing
        $("#" + $(this).val()).show();
    });
});

---

此外，您在选择时应小心，因为Medico的值有一个附加字符串，即“（a）”，因此Medico div永远不会被选择。

尝试为id为Estudante的div和Medico like的div提供一个公共类：

class=“additional info”

那么你应该试试这样的方法：

$(document).ready(function(){
    $('.additional-info').hide();
    $("#field_5").change(function(){
        $('.additional-info').hide(); // Just in Case one of the 2 div's is showing
        $("#" + $(this).val()).show();
    });
});

此外，您在选择时也应该小心，因为Medico的值有一个额外的字符串，即“（a）”，因此Medico div永远不会被选择