Hi everyone,

Ive got a jQuery script which shows a SharePoint field based upon a dropdown value. This is great but I need to modify it so that I can show a field if 2 dropdown values are matched. Ive tried a few different ways but I cannot for the life of me get it to work.
Im only learning jQuery so am more than likely falling down here.

The current code to hide 1 or more SharePoint fields based on 1 dropdown is:

// since we will be accessing the collection of nobr elements multiple times,
// let's cache the collection for performance.
var nobr;
// define globally, set in document ready function (see below)

function showConditionalRows(show) {
    // set up an array with the display names of the conditional fields
    var titles = ['Information request formally responded to within 7 days'];

    for (var i = 0; i < titles.length; i++)
        nobr.filter(":contains('" + titles[i] + "')").closest("tr").toggle(show);

// cache the 'STATUS' select control
var sltStatus;

$(document).ready(function() {
    // initialize global vars
    nobr = $("nobr");
    sltStatus = $("select[title='Status']");

    var val = sltStatus.val();
    showConditionalRows(val == "Completed");
    // add code to update visibility of conditional rows when project status changes 
    sltStatus.change(function() {
       // if the value is "Completed", show all fields.
        var val = $(this).val();
        showConditionalRows(val == "Completed");

So basically here, if 'STATUS' = 'Completed' then it shows the 'Information request formally responded to within 7 days' field. As I said, this works great, but.....

I would like to change the code so that if 'STATUS' = 'Completed' and 'PLANNED WORK' = 'Unplanned Work' then it shows the 'Information request formally responded to within 7 days' field. I've tried to manipulate the code but I just cant get it to work.

Any help would be appreciated