$(document).ready(function() {
  $('.option-div').hide();
  
 $('input[name="Radio"], #From, #In').change(function() {
    var option = $('input[name="Radio"]:checked').val();
    var from = $('#From').val();
    var inVal = $('#In').val();

    $('.option-div').hide();

if (option === 'Model') {
      if (from === 'from-pytorch' && inVal === 'in-jax') {
        $('#model-from-pytorch-in-jax').show();
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-tensor') {
        $('#model-from-pytorch-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-pytorch') {
        $('#model-from-jax-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-tensor') {
        $('#model-from-jax-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-pytorch') {
        $('#model-from-tensor-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-jax') {
        $('#model-from-tensor-in-jax').show(); 
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-numpy') {
        $('#model-from-pytorch-in-numpy').show(); 
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-numpy') {
        $('#model-from-tensor-in-numpy').show(); 
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-numpy') {
        $('#model-from-jax-in-numpy').show(); 
        $('#model-first').hide();
      }
    } else if (option === 'Library') {
      if (from === 'from-pytorch' && inVal === 'in-jax') {
        $('#library-from-pytorch-in-jax').show();
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-tensor') {
        $('#library-from-pytorch-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-numpy') {
        $('#library-from-pytorch-in-numpy').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-pytorch') {
        $('#library-from-jax-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-tensor') {
        $('#library-from-jax-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-numpy') {
        $('#library-from-jax-in-numpy').show();  
        $('#model-first').hide(); 
      } else if (from === 'from-tensor' && inVal === 'in-pytorch') {
        $('#library-from-tensor-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-jax') {
        $('#library-from-tensor-in-jax').show(); 
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-numpy') {
        $('#library-from-tensor-in-numpy').show(); 
        $('#model-first').hide();     
      } else if (from === 'from-numpy' && inVal === 'in-pytorch') {
        $('#library-from-numpy-in-pytorch').show(); 
        $('#model-first').hide();
      } else if (from === 'from-numpy' && inVal === 'in-jax') {
        $('#library-from-numpy-in-jax').show(); 
        $('#model-first').hide();
      } else if (from === 'from-numpy' && inVal === 'in-tensor') {
        $('#library-from-numpy-in-tensor').show(); 
        $('#model-first').hide();
      }
    } else if (option === 'Function') {
      if (from === 'from-pytorch' && inVal === 'in-jax') {
        $('#function-from-pytorch-in-jax').show();
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-tensor') {
        $('#function-from-pytorch-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-pytorch' && inVal === 'in-numpy') {
        $('#function-from-pytorch-in-numpy').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-pytorch') {
        $('#function-from-jax-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-tensor') {
        $('#function-from-jax-in-tensor').show();
        $('#model-first').hide();
      } else if (from === 'from-jax' && inVal === 'in-numpy') {
        $('#function-from-jax-in-numpy').show();   
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-pytorch') {
        $('#function-from-tensor-in-pytorch').show();
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-jax') {
        $('#function-from-tensor-in-jax').show(); 
        $('#model-first').hide();
      } else if (from === 'from-tensor' && inVal === 'in-numpy') {
        $('#function-from-tensor-in-numpy').show();      
        $('#model-first').hide();
      } else if (from === 'from-numpy' && inVal === 'in-pytorch') {
        $('#function-from-numpy-in-pytorch').show(); 
        $('#model-first').hide();
      } else if (from === 'from-numpy' && inVal === 'in-jax') {
        $('#function-from-numpy-in-jax').show(); 
        $('#model-first').hide();
      } else if (from === 'from-numpy' && inVal === 'in-tensor') {
        $('#function-from-numpy-in-tensor').show(); 
        $('#model-first').hide();
      }
    }
  });
});