如何显示与他人一起选择的隐藏DIV？

Question

I have a javascript file that when called, checks to see if a particular option is selected on a form. The form allows for multiple selections before being submitted. When a particular item is selected within the given choices it shows a hidden menu. In this case with "audits" I am able to show the hidden menu fine when just "audits" is selected from the list. However, I'm having much difficulty in figuring out how to get the menu to show when "audits" would be selected/highlighted with others. Eg: I had audits, services, someotheroption Below you can see the code I'm currently using and that's working only when the single item is selected. Any guidance would be much appreciated.

function toggleFields(){
    function toggleFields(){
        if ($("#installations").val() == "audits"){
            $("#dbcredentialsfield").show();
        }
        else
            $("#dbcredentialsfield").hide();
}

Answer 1

Using the code you have so far, I assume you probably want something like this:

$('#installations').on('change', function(){
   $("#dbcredentialsfield").toggle($(this).val() == 'audits');
});

This says; when the select element (assuming your dropdown has the id of installations ) changes, toggle the visibility of the element with id dbcredentialsfield depending on if the value of the select is audits or not.