Thanks. I managed to come up with this:
$("#location").change(function(){
if($(this).val()=="loc5")
{
$("div#container").show();
}
else
{
$("div#container").hide();
}
});
However, what I have found is that if I select an option from the second drop when visible, it keeps the value when hidden if switched back to the other option.
Is there a way I can set the value of the second drop down when it is hidden to over-ride the changed value when visible? So basically revert to a different value when the other options are selected. Not sure if that makes sense?