flickering problem with jQuery 1.5 hide/show issue with inline and inline-block elements on webkit browsers

[choym@…]

I have a form that hides/shows a secondary options menu using jquery, based on a radio button selection. I've noticed that in webkit browsers (Chrome, Safari) the first hidden menu (under the second radio button) flickers then disappears, while the second hidden menu (under the third radio button) behaves properly.

Here's the link  http://www.predsci.com/~janvier/webcorhel2/example.php

and  http://www.predsci.com/~janvier/webcorhel2/example2.php

I think I've traced this to the css display rule (makeMeInline) that I give to the secondary menu, which makes it an inline-block. This effect is also present when using display:inline, but not display:block. As I said, this is with webkit browsers; firefox and opera are fine.

Note that this is with JQuery 1.5.1. With jQuery 1.3.2 this issue also does not occur. (example.php uses v.1.5.1, and example2.php uses 1.3.2)

Any insights?

[gnarf]

 http://jsfiddle.net/xJkDd/ - This fiddle shows the issue and has been reduced quite a bit... There is some weirdness going on there for sure, but I'm not entirely sure why or how... Note that if you remove one of the <br> tags that the problem goes away...

[mikesherov]

This is now fixed. Another mysterious fix from the 1.8 rewrite? gnarf, I'm not going to close this, as you'll probably want to write a unit test. Want to take it?

[mikesherov]

This is fixed. No unit test to write. All hail the animation rewrite!