Select2 - 根据选择显示/隐藏 div

Question

如果使用 Select2 插件选择了一个选项，我正在尝试显示 div。

我尝试使用以下代码，但它不起作用：

    $(document).ready(function() {
  var h = $(".shipment-details--other-description");
  $("#shipment-details-select-pacakage-types").change(function() {
    if (this.checked && this.value == "Other") {
      h.show();
    } else {
      h.hide();
    }
  }).change()
});

如果选择了“其他”选项，则 div 将被隐藏但不显示。

Select2 有其他方法吗？

编辑：忘了说这是一个多选字段。另外，调整代码并取出this.checked，因为那是一个检查字段。

Answer 1

尝试新建一个css类，is-hidden{ display:none;}

$(document).ready(function() {
  var h = $(".shipment-details--other-description");
  $("#shipment-details-select-pacakage-types").change(function() {
    if (this.checked && this.value == "Other") {
      h.addClass('is-hidden');
    } else {
      h.removeClass('is-hidden');
    }
  }).change()
});