Qual é a maneira mais limpa de desativar os efeitos de transição do CSS temporariamente?

Eu tenho um elemento DOM com alguns / todos os seguintes efeitos aplicados:

#elem {
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
}

Eu estou escrevendo um plugin jQuery que está redimensionando este elemento, eu preciso desativar esses efeitos temporariamente para que eu possa redimensioná-lo sem problemas.

Qual é a maneira mais elegante de desativar esses efeitos temporariamente (e depois reativá-los), uma vez que eles podem ser aplicados pelos pais ou podem não ser aplicados de forma alguma?

questionAnswers(8)

yourAnswerToTheQuestion