Отображаемый слой на двух выделениях

Question

Я пытаюсь отобразить слой на выбор из двух полей выбора. Я сделал что-то вроде этого:

$(function() { 
$('select').change(function(){ 
    $('.layer').hide(); 
    $('#w' + $(this).val()).show(); 
}); }); 

Но слои, как представляется, не фиксирована на выбор, после 3-х или более изменений они отображаются в случайном порядке. http://codepen.io/DaPik/pen/rWraBr

Для каждого возможного выбора должен отображаться определенный уровень.

First option + first option = layer 1 displayed 
First + second = layer 2 
Second + first = layer 3 
Second + second = layer 4. 

@EDIT Мой код не работает должным образом: при очень первых это выглядит, но если если вы выбираете:

No + Cat = Layer 4 
No + Dog = Layer 3 
Yes + Dog = Layer 1 and then 
Yes + Cat = again Layer 3 

Answer 1

Что-то вроде этого?

http://codepen.io/anon/pen/rWrajQ

$(function() { 
    showLayer('11'); 
    $('select').change(function(){ 
    $('.layer').hide(); 
    var shownLayer = $('#test').val() + $('#test2').val(); 
    showLayer(shownLayer); 
    }); 

    function showLayer(layer){ 
    $('#w' + layer).show(); 
    } 
});