I'm working on an hybrid application with a QtWebKit UI and I'm using jQuery as an abstraction layer. Due to performance issues with the internal jQuery animation engine I'm developing a plugin that remaps jQuery's animate function to webkit css3 animation feature (something that was already done here  http://playground.benbarnett.net/jquery-animate-enhanced/).

I would like to remap the show/hide behaviour with css3 but I'm having some difficulties to understand how jQuery animates an hidden (display:none) div for example with the slideDown effect.

Is there anyone that can help me describing the steps that jQuery applies to the div to animate it in that way?

Thank you