当选择值on和off时，图像不显示

我正在创建两组值分别为on和off的单选按钮。

当按钮处于ON配件和ON面板时，我遇到了代码问题，然后用户关闭配件;图片不会改变

JS:

  var oneOn = $('input:radio[name=one]:checked').val();
  var twoOn = $('input:radio[name=two]:checked').val(); 
  var oneOff = $('input:radio[name=one]:checked').val();
  var twoOff = $('input:radio[name=two]:checked').val();
  $('.radioButton').click(function(e){
   fixButtons(this, selected);
   var selected = $(this).val();
   var oneOn = $('input:radio[name=one]:checked').val();
   var twoOn = $('input:radio[name=two]:checked').val();
   var oneOff = $('input:radio[name=one]:checked').val();
   var twoOff = $('input:radio[name=two]:checked').val();
 if(oneOn === 'on' && twoOn === 'on1') {
  $('.aon_pon').fadeIn('slow');
   }
else if(oneOff === 'off' && twoOff === 'off1'){
  $('.main-img').fadeOut('slow');
}
else if(selected === 'on') {
  $('.aon_poff').fadeIn('slow');
 }
else if(selected === 'off') {
  $('.aon_poff').fadeOut('slow');
}
else if(selected === 'on1') {
  $('.aoff_pon').fadeIn('slow');
}
else if(selected === 'off1'){
  $('.aoff_pon').fadeOut('slow');
}    
 });
 $(":radio[name='one']").attr('checked', true);
 $(":radio[name='two']").attr('checked', true);

小提琴来了

http://jsfiddle.net/d0okie0612/m43EQ/

我认为我的问题是与z-index也许，但我已经尝试添加.css('z-index', '1000')，也到CSS，但这并不能解决这个问题。

$(":radio[name=one][value=on]").prop('checked', true);

var oneOn = $('input:radio[name=one][value=on]').prop('checked'); // true or false