显示两个选择层

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();
  }
});