Regarding animation and display property of CSS

Regarding animation and display property of CSS

Hi all,

I have read api documentation of show function of Jquery and in case of using "slow" parameter with show function, I can see perfectly animation box but the animation box is starting to appear in wrong location because of using css display property. Display property is animating with "display:block" whereas my content is using "display:inline". After animation finished as it described in api documentation, my animated content displayed again correct as "display:inline".

How can I set display property of my content "inline" during animation.

Thanks