$(document).ready(function() {
  $("#From").change(function() {
    $("#from-icon-pytorch").hide();
    $("#from-icon-jax").hide();
    $("#from-icon-tensor").hide();
    $("#from-icon-numpy").hide();
    
    if ($(this).val() === "from-pytorch") {
      $("#from-icon-pytorch").show();
    } else if ($(this).val() === "from-jax") {
      $("#from-icon-jax").show();
    } else if ($(this).val() === "from-tensor") {
      $("#from-icon-tensor").show();
    } else if ($(this).val() === "from-numpy") {
      $("#from-icon-numpy").show();
    }
  });
});

$(document).ready(function() {
  $("#In").change(function() {
    $("#in-icon-pytorch").hide();
    $("#in-icon-jax").hide();
    $("#in-icon-tensor").hide();
    $("#in-icon-numpy").hide();
    
    if ($(this).val() === "in-pytorch") {
      $("#in-icon-pytorch").show();
    } else if ($(this).val() === "in-jax") {
      $("#in-icon-jax").show();
    } else if ($(this).val() === "in-tensor") {
      $("#in-icon-tensor").show();
    } else if ($(this).val() === "in-numpy") {
      $("#in-icon-numpy").show();
    }
  });
});