Hello, I have a question , I tried to hide a field by choosing an option from a select field, but only do it once, and not do it again when I select another, I have tried with jquery “switch and on change”.

I have a select with various states of Mexico , when I choose a state , a select field must appear with other cities of that state, but only does the first time i choose a state.

Example

$(".sf-field-post-meta-estado .sf-input-select").change(function(){
  var id = $(this).find("option:selected").val();

  switch (id){
    case "Nuevo León":
      $('.sf-field-post-meta-coahuila').hide()
      $('.sf-field-post-meta-nuevoleon').show()
      break;
    case "Coahuila":
      $('.sf-field-post-meta-nuevoleon').hide()
      $('.sf-field-post-meta-coahuila').show()
      break;
  }
});

.sf-field-post-meta-estado .sf-input-select
is the select field of the states of mexico with options like “Nuevo León, Coahuila”

.sf-field-post-meta-coahuila, .sf-field-post-meta-coahuila
These are the city containers of their respective states

How could I accomplish that?, I think some script is interfering, idk.

cheers!