How to hide/show meta box using jQuery,if click on Drop-Down Menu

you have a syntax error which means that you are typing something incorrectly. Use the following jQuery to show/hide meta with the .on() method,

Also, as I mentioned in my comment, bind has been deprecated since jQuery 3.0. It is now recommended to use .on() method.

Note: You can use the shorthand $ instead of writing jQuery every time.

jQuery(document).ready(function( $ ){
 $('#prefix-nums').on('change', function(e) {

   if ($(this).val() == 'other') {
     $('#prefix-text-1').show();
     $("#prefix-text-1").css({
       display: "inline-block"
     });
   } else if ($(this).val() == 'first') {
     $('#prefix-text-1').hide();
   }

  });
});

Here is a working jsfiddle:

And Here is a nice free jQuery Course that takes about 3 hours