Transition: al cambio della classe perchè lo stesso elemento non si anima?

[Donovant]

Facendo un over su un elemento ID_A vorrei si potesse animare un elemento che non si trova in ID_A.

Ma se attivo nell'elemento da animare una classe in cui ho a priori impostato la transizione con i CSS, come mai non funziona?

javascript: over su ID_A cambio classe dell'emento ID_B
ID_B avrà una nuova classe che corrisponde nei CSS ad una classe in cui è impostata una transizione, ma non parte.

CSS:

#ID_B{
	position: absolute; top: 0; left: 0;
	display:none;
	background: #FFF;
	border: 2px solid #999;
	width: 330px;

        -webkit-transition:all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease-out 0.5s;
	-o-transition: all 0.4s ease-out 0.5s;
	-ms-transition: all 0.4s ease-out 0.5s;
}

.min_info{/* questa è l'attuale classe di ID_B */
	margin-left:250px;
	opacity:0;
}

.min_info_anim{/* questa è la classe di ID_B dopo l'over*/
	margin-left:210px;
	opacity:1;

}

Con javascript cambio semplicemente il nome della classe dell'elemento #ID_B.
Spero di essere stato chiaro.