Nuestros investigadores estrellas han agotado sus reservas de café, buscando día y noche por la resolución, hasta que Marco encontró el arreglo en GitHub y ahora la compartimos aquí.
Solución:
Hago algo similar, sin embargo, escondo el contenedor select2 que siempre es el siguiente nodo desde el punto de inicio para que se vea así.
$(document).on('change', '.country', function ()
if ($(this).val() == $(this).data('current-countryCode'))
$('#states').next(".select2-container").show();
else
$('#states').next(".select2-container").hide();
);
Así que he estado tomando el mismo enfoque que tú
El problema es que debe ocultar todos los elementos asociados con el menú desplegable select2 (todo lo que genera el complemento para hacer la magia).
Lo resolví usando un div que contiene el menú desplegable select2 y mostrar/ocultar este div.
Esto funcionó para mí ..
jQuery("#my-select2").select2().next().hide();
Si para ti ha resultado de provecho nuestro post, sería de mucha ayuda si lo compartieras con el resto programadores de esta forma nos ayudas a extender nuestro contenido.