¿Cuál es la forma más limpia de desactivar temporalmente los efectos de transición CSS?


Tengo un elemento DOM con algunos / todos los siguientes efectos 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;
}

Estoy escribiendo un plugin de jQuery que está redimensionando este elemento, necesito desactivar estos efectos temporalmente para que pueda redimensionarlo sin problemas.

¿Cuál es la forma más elegante de desactivar estos efectos temporalmente (y luego volver a habilitarlos), dado que pueden ser aplicados por los padres o pueden no ser aplicados en absoluto?


Warning: Undefined property: agent_blog_content::$date_asked in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 32

Warning: Undefined property: agent_blog_content::$count_answers in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 52