How can I show/hide div based on a multiple select 2 value?

How Do I...
#1

I would like to show/hide a div based on a value from a multiple select.

I tried the below code but it only works if it is not a multiple select.

$(document).ready(function() {
  var h = $(".webform-component--shipment-details--other-description");
  $("#edit-submitted-shipment-details-select-pacakage-types").change(function() {
if (this.value == "Other") {
  h.removeClass('hide');
} else {
  h.addClass('hide');
}
  }).change()
});

Any help is appreciated.

#2

Perhaps try listening for the select2:select event rather than the change event.