Effects won't animate if there's a > selector

[hobarrera]

With this code:

#contact > .myDiv {
	height: 478px;
}

<div id="contact">
  <div class="myDiv">
  </div>
</div>


var mydiv = ...
mydiv.show('blind', 'slow', function() {....

mydiv is shown, but not animated.

If I change to code to:

#contact > .myDiv {
	
}

<div id="contact">
  <div class="myDiv" style="height: 478px;">
  </div>
</div>


var mydiv = ...
mydiv.show('blind', 'slow', function() {....

It animates correctly. This seems to be reproducible every time that the attributes that need to be modified for animating is defined in a CSS selector with a ">". (and it's not limited to blind).

[Scott González]

This is because the animated element has to be wrapped during the animation, so the selector no longer finds the element being animated.

[Corey Frang]

jsFiddled: ​http://jsfiddle.net/gnarf/r96SF/

[Corey Frang]

I'm not sure if we will ever be able to do anything about this problem. Going to leave it open a while longer...

[mikesherov]

This was fixed somewhere in the jQuery UI 1.9 series