Tying other elements to passage transitions?

I'm just wondering if this is possible, since I don't actually know much about how Sugarcane Twine handles transitions. Basically I have a div that I appended to the body using jQuery like this:

$(document.body).append('<div id="mapTooltip"><div class="mapContent"><span>Tooltip</span></div></div>');

Is it possible to get it to transition with the rest of the passage object?

I have this transition currently.

.transition-in {
	opacity:0;
	position:absolute;
}
.passage:not(.transition-out) {
	transition: 2s;
	-webkit-transition: 2s;
}
.transition-out {
	opacity:0;
	position:absolute;
}

Thanks very much.