Показать div на основе двух входов выбора

Question

У меня есть div, который я хочу отобразить, если один из двух входов выбора задан для определенной опции.

<select id="firstChoice"> 
    <option value="Option 1">Option 1</option> 
    <option value="Option 2">Option 2</option> 
</select> 

<select id="secondChoice"> 
    <option value="Option 1">Option 1</option> 
    <option value="Option 2">Option 2</option> 
</select> 

<div class="additional"> 
    ... 
</div> 

Если какой-либо вариант установлен в вариант 1, тогда div должен показать, что он должен быть скрыт.

Fiddle

[править] В стремлении быть кратким и с тем, что я пытался быть очень плохо, я не после того, что я сделал. Извиняюсь за это. Я обновил приведенную выше скрипту с измененной версией одного из ответов ниже. Благодарю.

Answer 1

var $select = $('#firstChoice,#secondChoice'); 
$select.on('change', function() { 
    var str = "Option 1"; 
    if ($('#firstChoice').val() === str || $('#secondChoice').val() === str) { 
     $('.additional').show(); 
    } else { 
     $('.additional').hide(); 
    } 
}); 

Demo ------>http://jsfiddle.net/aKqKR/7/

Answer 2

Здесь вы идете:

$('.additional').hide(); 
$('#firstChoice,#secondChoice').change(function() { 
    $('.additional').css('display', ($('#firstChoice').val() == 'Option 1' || $('#secondChoice').val() == 'Option 1') ? '':'none'); 
}); 

jsFiddle example

Answer 3

Это то, что вы ищете? Если любой из них является Вариантом 1, тогда div показывает, что он снова скрывает его.

$(document).ready(function() { 
    $('#firstChoice').on('change', function() { 
     checkToShow(); 
    }); 
    $('#secondChoice').on('change', function() { 
     checkToShow(); 
    }); 
}); 

function checkToShow(){ 
    if ($('#firstChoice').val() == 'Option 1' || $('#secondChoice').val() == 'Option  1') { 
    $('.additional').css("display", "block"); 
    } 
    else{ 
     $('.additional').css("display", "none"); 
    } 
} 

Fiddle